1. 程式人生 > >electron-vue 開發環境搭建(Windows環境)

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

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環境)