簡單來說,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】都不報錯且彈出了應用窗體則代表項目運行成功,即環境配置完成!!