electron-vue 開發環境搭建(Windows環境)
阿新 • • 發佈:2019-03-08
cnp vue tps 進行 nbsp col 如果 down ref
1.安裝 Node.js,一切都基於這個。安裝完成後,終端輸入 node -v 驗證。
2.建立自己的項目目錄,然後進入目錄。
安裝 vue-cli ,終端輸入 npm install -g vue-cli 進行安裝,如果嫌速度慢,可以安裝cnpm(淘寶鏡像),然後輸入 cnpm install -g vue-cli 安裝。下圖展示了兩種鏡像的安裝。
如果出現安裝失敗信息,很可能是缺少構建工具,按照如下操作:
安裝Windows-Build-Tools,輸入 npm install --global windows-build-tools 等待安裝完成後,再安裝vue-cli即可。
3.安裝腳手架樣板代碼,輸入 vue init simulatedgreg/electron-vue my-project 進行安裝。
安裝完成後,會提示輸入一些項目信息
4.按照提示,進入項目目錄,輸入 npm install 進行初始化安裝。為了速度,下圖裏我用了 cnpm install 來安裝
出現了一些錯誤提示,暫時不清楚原因。
5.輸入 npm run dev 運行
OK,腳手架樣板成功運行。
electron-vue 開發環境搭建(Windows環境)