在我們的開發過程中需要使用到前端，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中的就對路徑改為相對路徑。
