使用vue-cli构建vue项目

一、安装node
安装node，可以到Node 官网nodejs.org，或者国内镜像npm.taobao.org/mirrors/node，下载最新版本的安装包。
{下载后点击安装，安装完成后，执行node -v (windows在cmd,mac在终端)命令查看是否安装成功。}
ps:Node 的模块管理器 npm 会一起安装好，不需要另外安装
npm -v 查看npm版本号
如果版本太低，小于4.0，请执行下面命令升级(vue-cli需要npm版本大于4.0)
npm install -g npm
切换模块仓库到阿里的源(Node 的官方模块仓库网速太慢)
npm config set registry https://registry.npm.taobao.org/
执行下面的命令，确认是否切换成功
npm config get registry

二、安装vue-cli2.x
npm install -g vue-cli 全局安装
安装成功后，vue命令查看
使用vue list查看vue的模板

三、生产项目 vue-cli2.x创建项目
使用webpack 模板生成一个vue的项目
vue init webpack 项目名称
过程总需要填写，项目名称、项目描述、是否需要安装vue-router等

四、进入项目和安装依赖
cd 项目名称 查看项目结构
npm install 安装依赖
安装成功后文件夹里会出现一个node_modules文件

五、启动项目
npm run dev

六、设置启动项目后自动打开浏览器：
找到config文件下 index.js中将autoOpenBrowser:false修改成true

七、vue-cli3.x的使用基本和vue-cli2的使用一样，过程点击查看

Vue CLI3.0环境搭建：
1、卸载老版本vue-cli: npm install uninstall vue-cli -g
2、安装新版本：npm install -g @vue/cli
3、原型开发（就是在命令行开发vue): npm install -g @vue/cli-service-global
4、vue-cli3.x创建项目：

（1）vue create 你的项目名
（2）选择默认配置模式或者手动配置模式（一般选择手动）
（3）选择路由模式history和hash
（4）选择是否使用eslint
（5）选择将文件配置是否写在一个文件中，第一个是分开，第二个是全部写在package.json文件下
（6）选择是否将现在的配置用在未来的项目上

vue-cli3选项标注：

(1. babel
(2. TypeScript  
(3. Progressive Web App (PWA) Support  支持渐进式网页应用程序
(4. Router 路由管理器
(5. Vuex 状态管理模式（构建一个中大型单页应用时）
(6. CSS Pre-processors css预处理
(7. Linter / Formatter 代码风格、格式校验
(8. Unit Testing 单元测试
(9. E2E Testing E2E（End To End）即端对端测试