Electron創建一個桌面應用

版權聲明:本文爲博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/aojianmo2012/article/details/57073963

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】此時即爲發佈目錄

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章