electron打包成桌面應用程序的詳細介紹

1.前提條件

   a. 安裝了nodecss

 b.安裝了electronhtml

 c.你知道本身寫的東西(js,css,html等等)放在那個文件夾(假設這個文件夾命名爲 app,下面會用到)中node

2.安裝electron-packager

 a.在app文件夾中打開命令窗口(在空白處使用 shift + 鼠標右擊 就能夠看到)npm

 b.在命令欄中輸出 npm install electron-packager -g json

  安裝完畢後,確保在配置文件 package.json (一般放在 app/) 中的dependenice中有 electron-packagergulp

  "devDependencies": {
    "electron": "~1.6.2",
    "electron-packager": "^8.7.2",
    "gulp": "^3.9.1"
  }

 

3.打包成exe

 a.直接在app文件夾下打開命令窗口,輸入 命令 electron-packager  .  --win --out MyAPP --arch=x64 --version 1.4.13 --overwrite ==ignore=node_modulesapp

  其中 . 表示打包當前;MyApp表示輸出的文件夾名;1.4.13表示electron的版本,必須與配置文件 package.json (一般放在 app/) 中的dependenice中的保持一致;後面還有一些其餘的配置能夠點開,能夠本身研究一下。
electron

  打包成功以下:spa

   

以上內容來自大神文檔+本人實操,若有問題,歡迎提出。htm

相關文章
相關標籤/搜索