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