安裝
1.Node.js下載地址:https://nodejs.org/en/download/
2.點擊安裝包,除了安裝位置,其他保持默認即可
3.檢查環境變量path中是否有Node的變量配置(默認安裝完成後會自動寫入,無需手動配置)
4.檢查Node版本、npm版本
cmd -> node –version
在目前的版本中,node會將npm管理一起安裝
cdm -> npm -v
在安裝檢查過程中,可能會出現類似下面的情況:
npm WARN engine hawk@6.0.2: wanted: {"node":">=4.5.0"} (current: {"node":"4.4.3","npm":"2.15.1"})
這是因爲你的Node版本過低,去官網下一個新的即可
使用vue-cli創建模板項目
使用cli的要求是裝了4.x、6.x或以上的Node.js
1.下載依賴包
在編譯時可使用cnpm來加速下載
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安裝vue-cli
npm install -g vue-cli
//全局cli
npm install --global vue-cli
3.創建項目
vue init webpack vue-pname
執行上面的命令後,會提示設置你項目名,文件夾,作者等信息
值得注意的是Use ESLint to lint your code?推薦No,如果使用eslint語法校驗,項目中代碼空行,空格等報錯問題頻現。
4.創建完成
當窗口中的命令跑完時,標識其創建完成