Window10 下 VUE 開發環境搭建

開發環境準備

Windows10 + WebStorm + NodeJS WebStorm 2018.2 下載地址 NodeJS 下載地址

安裝環境

• 安裝NodeJs 雙擊開啟NodeJS安裝包，一直Next 選擇安裝路徑時可以根據自己需求進行更改
• 安裝完畢，開啟CMD命令列檢視是否安裝成功
• 驗證無誤後 由於有些npm有些資源被遮蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所有我們還需要安裝下npm的國內映象—cnpm，這裡我選擇的是淘寶的映象

CMD命令列中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org

• 安裝vue-cli腳手架構建工具

npm install -g vue-cli 此處有坑預警，有些時候，在安裝vue-cli時會報錯 解決方案：刪除 C:\Users{賬戶}\下的.npmrc檔案 （切記，這裡是使用者資料夾的.npmrc檔案，不是nodejs的安裝目錄下的檔案）

至此，環境配置完畢 開啟WebStorm 建立VUE專案，傻瓜式全部Next 開啟左下角的 Terminal 輸入 npm install — 這個是坑，不知道為什麼，這樣執行會報一個沒有找到Python的錯誤 有大佬知道可以提點一下

輸入 cnpm install 回車 等待安裝依賴包完畢 安裝完畢後，輸入 npm run dev