Electron的環境配置


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

在安裝環境前,先從github下載項目demo》https://github.com/electron/electron-api-demos

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

Electron項目運行的前提環境

1.node.js的安裝

首先進入node.js官網下載node.js,路徑https://nodejs.org/en/  下載完畢 就開始安裝node.js  安裝完畢后,我們可以在命令行里面就行查看是否成功和查看版本           

版本要求10.0.0以上的

 

2. Electron 的安裝

下載項目后,直接用編輯器打開該項目,在該項目根目錄下直接輸命令

接下來就開始搭建Electron的環境在命令行里面輸入npm install -g electron進行全局安裝

其中,查看electron是否安裝成功可通過命令 electron -v 查看。

 

3.打包輸出工具

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

 

 

4.svn剪切把數據 存儲下來 放好在制定的目錄。在命令行跳轉到指定的目錄(即從github上下載下來的項目)進行 npm run dev ,進行成功后  

就可以編譯了,命令行輸入npm run build  成功后 就算完成了。

 

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

直接【npm install 缺失的模塊】安裝依賴,安裝好后繼續運行npm run dev,發現可能還會報某某缺失,繼續循環這樣的做法,直到不報錯。

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

 


免責聲明!

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



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