用 vue-cli(2.X) 搭建项目的流程

1. 安装 node 环境：直接到中文官网 http://nodejs.cn/ 下载自己所需的安装包

2. 检测 node 是否安装成功：在终端输入 node -v 和 npm -v，如果出现以下结果，则安装成功。如果不成功请先清除缓存 npm cache clean，然后重新安装即可。

　　

3. 全局安装 vue-cli：npm install -g vue-cli

4. 检测 vue-cli 是否安装成功：vue -V

5. 创建项目：

　　5.1 在终端进入项目要存放的目录

　　5.2 终端输入：vue init webpack projectName(项目名称)  (这是创建 webpack 模块的项目，vue的模块很多，可以去github上自行查看 https://github.com/vuejs-templates)

　　5.3 命令执行之后，在终端会看到一堆配置，比如eslint, 项目描述，作者，单元测试等，根据自己的需求配置即可。

　　5.4 配置完成后，会在当前目录生成一个以projectName命名的项目文件夹

6. 启动项目：

　　6.1 进入项目：cd projectName

　　6.2 安装依赖：npm i

　　6.3 启动项目：npm run dev

7. 项目打包：npm run build

 

备注：

　　1. 如果 npm 安装东西较慢，可以使用淘宝镜像安装，比如：

　　　　1.1 直接在最后添加淘宝镜像路径：

　　　　　　npm i --registry=https://registry.npm.taobao.org

　　　　1.2 安装一下 cnpm，用 cnpm 来代替 npm：

　　　　　　npm install -g cnpm

　　　　　　cnpm i

　　2. 如果 npm 版本较低，可使用命令升级 npm：npm install -g npm

　　3. yarn 和 npm 功能一样，底层都是指向node官网的依赖模块，所以也可以使用 yarn 来代替 npm