electron-vue 開發環境搭建(Windows環境)


 

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,腳手架樣板成功運行。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2024 CODEPRJ.COM