場景

用HTML和CSS和JS構建跨平臺桌面應用程序的開源庫Electron的介紹以及搭建HelloWorld：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828

上面已經講了使用Electron項目搭建Hello World

最后通過npm start將項目運行，那么怎樣將Electron項目打包成exe桌面應用文件那。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

使用elcetron-packager打包

首先在電腦上全局安裝electron-package

npm install electron-packager -g

或者

cnpm install electron-packager -g

?

安裝成功后進入到項目所在文件夾下這里是electron-quick-start，在此文件夾下打開cmd

electron-packager .

注意后面有個點

上面的命令時最簡單的打包，全部使用默認配置。

打包成功后

?

來到項目所在文件夾下找到electron-quick-start-win32-x64這個文件夾下的electron-quick-start.exe

?

雙擊exe文件啟動

?

上面是使用默認的配置進行的打包，除此之外還有一些個配置可以在打包時進行設置

基本命令：

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]

命令說明：

sourcedir：項目源文件所在路徑（唯一的必須參數）

appname：項目名稱（直接使用package.json文件中的name屬性更方便）

platform：要構建哪個平臺的應用（Windows、Mac 還是 Linux）

arch：決定了使用 x86 （ia32）還是 x64（x64），還是兩個架構都用

optional options：可選選項

更多命令可以通過

electron-package --help

來查看

?

總結

以上是生活随笔為你收集整理的Electron项目怎样打包成桌面exe应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。