Electron創建一個桌面應用
參考鏈接
1. 初始化
安裝node.js
創建目錄my_app
命令行進入my_app目錄
npm init
全默認
1. 安裝electron
打開~/.npmrc
修改代碼爲:
registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
之後再cmd執行:
npm install -g -d electron-prebuilt
npm install -g -d electron-packager
npm install -g -d electron
npm install -g -d asar
1. 運行my_app
[windows]
electron .
沒加入環境變量則執行
.\node_modules\.bin\electron .
[macOS / Linux]
electron .
沒加入環境變量則執行
./node_modules/.bin/electron .
1. 打包應用
注意:這裏生成asar文件的名字只能是app
asar pack my_app app.asar
1. 創建外殼
electron-packager my_app my_app windows x64 --version 1.4.12
electron-packager 項目路徑 打包名 操作系統 系統位 --version 1.4.12
命令說明:
* location of project:項目所在路徑
* name of project:打包的項目名字
* platform:確定了你要構建哪個平臺的應用(Windows、Mac 還是 Linux)
* architecture:決定了使用 x86 還是 x64 還是兩個架構都用
* electron version:electron 的版本
* optional options:可選選項
1. 刪除源碼
刪除【my_app-win32-x64\resources\】下的app目錄
1. 發佈
將【app.asar】移動到【my_app-win32-x64\resources\】下
【my_app-win32-x64】此時即爲發佈目錄