在我们的开发过程中需要使用到前端，vue将会是一个很好的选择。
1.node下载（地址：https://nodejs.org/en/download/）
2.进行安装
3.nodejs安装成功后，我们切换到nodejs文件夹下，执行node -v和npm -v，查看版本。
4.创建两个文件夹node_global（配置文件）和node_cache（缓存文件）
5.执行设置命令（这里一定要把路径写对）
```
npm config set prefix "C:\nodejs\node_global"
npm config set cache "C:\nodejs\node_cache"
```
解决办法，全局搜索.npmrc文件
打开并修改
6.接下来设置环境变量，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
7.配置完后，安装个module测试下，我们就安装最常用的express模块
```
npm install express -g # -g是全局安装的意思
```
8.安装cnpm，输入以下命令：
```
npm install -g cnpm --registry=https://registry.npm.taobao.org
```
9.输入cnpm -v，检测是否正常，但是这里会报错。
10.安装vue-cli
```
cnpm install -g vue-cli
```
11.使用命令vue init webpack vue-demo搭建vue项目, “vue-demo” 是你的项目名称
```
1.项目名称，如果不需要就直接回车。注：`此处项目名不能使用大写`。
Project name (my-project):
2.项目描述，如果不需要就直接回车。
Project description (A Vue.js project):
3.项目作者，默认计算机用户名
Author (xxx)：
4.构建方式（暂且这么解释）
两个选择（上下箭头选择，回车即为选定）建议选择 :`Runtime + Compiler:recommended for most users`
这里推荐使用1选项，适合大多数用户的
vue build (Use arrow keys) // 1. (译：运行+编译：被推荐给大多数用户) \> Runtime + Compiler:recommended for most users // 2.(译：只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML）。 // VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求) \> Runtime\-only:about 6KB lighter min+gzip,but templates (or any Vue\-specific HTML) are ONLY allowed in .vue files\-render functions are required elsewhere
5.安装vue的路由插件，需要就选y，否则就n
建议 :`Y`
install vue\-router?
6.是否使用ESLint检测你的代码？
`ESLint`是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。
建议选择 ‘`N`’ 因为选择 ‘`Y`’ 在做调试项目时,控制台会有很多 黄色警告 提示格式不规范,但其实并不影响项目
Use ESLint to lint your code?
7.是否安装单元测试(暂不详细介绍)
建议 :`N`
Setup unit tests?
8.是否安装E2E测试框架NightWatch（E2E，也就是End To End，就是所谓的“用户真实场景”。）
建议 :`N`
Setup e2e tests with Nightwatch(Y/n)?
9.项目创建后是否要为你运行“npm install”?这里选择包管理工具
选项有三个（上下箭头选择，回车即为选定）建议 :`yes use npm`
Should we run 'npm install' for you after the project has been created?
// 使用npm yes,use npm
// 使用yarn yes,use yarn
// 自己操作 no,I will handle that myself
```
12.安装项目，启动项目
```
cd vue-demo
cnpm install
cnpm run dev
```
13.项目打包
```
cnpm run build
```
需要注意这里需要配置虚拟域名，否则需要将index.html中的就对路径改为相对路径。
