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