vue-cli创建2.0/3.0项目

一、准备,全局安装npm,已安装则跳过此步骤

  1. 在node.js官网下载:https://nodejs.org/en/download/ ,安装;
  2. 在终端查看是否安装成功:npm -v
  3. 安装淘宝镜像cnpm:npm i -g cnpm --registry=https://registry.npm.taobao.org

二、创建vue3.0项目

  1.  安装脚手架vue-cli3.0:  cnpm i @vue/cli -g
  2. 创建项目:vue create my-vue

注意:在步骤2中可能会报错:vue  不是命令之内的,原因是没有配置nodejs的全局环境,点击链接按照方法配置,重新打开终端进行创建就OK,亲测有效:https://www.cnblogs.com/stella1024/p/9228316.html

    3.创建项目

三、创建vue2.0项目

  1. 安装脚手架vue-cli2.0:  cnpm install -g vue-cli
  2. 安装webpack:   cnpm install webpack -g

  3. 创建项目:

     vue init webpack my-vue(项目文件夹名)   回车之后等一会之后会要求输入一些项目信息

     Project name  ----项目名称,使用英文

     Project description   ----项目描述,可写可不写

     Author Datura ----项目创建者,可写可不写

     Vue build   ----直接回车

     Install vue-router? (Y/n) Y ----是否安装Vue路由,我选择的是

     Use ESLint to lint your code? (Y/n) n ----是否启用eslint检测,我选择no

     Set up unit tests? (Y/n) n ----是否建立单元测试,我选择no

     Setup e2e tests with Nightwatch? (Y/n) Y---设置e2e测试 我选择的是

 四、安装项目依赖项

  •      一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。

     安装命令: npm install   /    npm i

  •      不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)

     安装命令: cnpm install   /   cnpm i

五、运行项目

1.vue2.0  :  npm run dev

2.vue 3.0 :  npm run serve

六、项目打包

npm run build

发布了25 篇原创文章 · 获赞 13 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/zerogf/article/details/103453025