一、安裝nodecss
windows系統從Node.js官網下載對應的安裝程序,網速慢的童鞋請移步國內鏡像。根據不一樣系統選擇對應的安裝包下載。vue
二、npm安裝node
其實npm已經在Node.js安裝的時候順帶裝好了。咱們在命令提示符或者終端輸入npm -v查看 版本號。
三、vue安裝webpack
# 全局安裝 vue-cli $ npm install -g vue-cli # 建立一個基於 webpack 模板的新項目,在建立項目名稱時若是因node版本太低會報錯,請先升級node版本 $ vue init webpack my-project # 安裝依賴,走你 $ cd my-project $ npm install $ npm run dev
eslint(不需構建,選擇no)web
四、Mac安裝vue-cli
Mac在vue安裝完成,啓動npm run dev時若是報錯,請檢查config/index.js裏的host是否爲127.0.0.1,以及端口號8080.npm
五、卸載vue-cliwindows
全局卸載:npm uninstall vue-cli -geslint
六、報錯狀況解決code
cnpm install stylus-loader css-loader style-loader --save-dev
以上是我安裝vue的過程以及遇到過的坑,有如疑問,歡迎留言討論!