Electron的環境配置

2022-08-27 08:24:10 字數 1055 閱讀 9253

簡單來說,electron是用於桌面開發的框架。

環境配置過程比較冗長,請確保足夠耐心。。

1.node.js的安裝

node.js

,路徑,就開始安裝node.js  安裝完畢後,我們可以在命令列裡面就行檢視是否成功和檢視版本

版本要求10.0.0以上的

2. electron 的安裝

接下來就開始搭建electron的環境在命令列裡面輸入npm install -g electron進行全域性安裝

其中,檢視electron是否安裝成功可通過命令

electron -v

檢視。

3.打包輸出工具

為了方便最終成果輸出,建議安裝electron-packager工具,安裝也很簡單,建議以下面的命令全域性安裝:npm install -g electron-packager

,進行成功後  

就可以編譯了,命令列輸入

npm run build  

成功後 就算完成了。

注意:你按照以上步驟的時候,事實上並不會這麼順利,比如前三步安裝完後,執行第四步的命令npm run dev,可能會報某某模組不存在,

直接【npm install 缺失的模組】安裝依賴,安裝好後繼續執行npm run dev,發現可能還會報某某缺失,繼續迴圈這樣的做法,直到不報錯。

記得不要忘記執行前構建一下專案【npm run build】,之後執行專案【npm run dev】都不報錯且彈出了應用窗體則代表專案執行成功,即環境配置完成!!

二 electron 開發環境配置

為了方便開發,我們需要讓vue和electron能同時執行,怎麼做呢?在根目錄下新建build資料夾,增加dev runner.js檔案,我們可以在這個檔案中將vue和electron同時啟動。使用node子程序,啟動vue和electron const require child process ...

win10下的electron的環境配置

electron安裝之前需要安裝node.js,本文主要通過npm的方式安裝 npm install g cnpm registry 通過註冊cnpm實現替換,以後安裝就可以通過cnpm進行,而不用npm cnpm install g electron cnpm install g electron...

Electron 開發環境搭建

2 安裝electron 開啟cmd,在裡面輸入 方式一 直接訪問國外的伺服器太慢,可以使用cnpm 方式二 群眾推薦使用此方法 1.npm install cnpm g registry 在執行的時候有時候比較慢,需要耐心等待完成之後再進行下一步 如圖 即可快速完成安裝也可以cnpm instal...