1 背景

前面三篇已經完成通過Electron搭建的最簡單的HelloWorld應用了，雖然這個應用還沒添加任何實質的功能，但是用來作為打包的案例，足矣。下面再分享下通過Electron-forge來將應用打包成安裝包。

2 依賴

在Electron[2] Electron使用準備里頭，我們已經安裝好了Electron-forge，不懂的請點擊下面的連接跳轉。

Electron[2] Electron使用準備https://weilintao.blog.csdn.net/article/details/134227423?spm=1001.2014.3001.5502在開始打包之前，請再次檢查package.json里頭是否有如下命令：

    "package": "electron-forge package","make": "electron-forge make"

3 打包

3.1 預打包

控制臺執行如下命令：

npm run package

命令執行日志：

PS C:\xysj\electron\my-electron-app> npm run package> my-electron-app@1.0.0 package
> electron-forge package? Checking your system? Running generateAssets hook? Running prePackage hook
? Packaging application? Packaging for x64 on win32 [21s]
? Running postPackage hook

這個命令是模擬打包的，最終會在/out/目錄下生成一個文件夾，里頭有模擬生成的包應用，此時還不是安裝包，但是通過這種方式可以看打包后的效果。?其中my-electron-app.exe就是應用入口文件，雙擊即可執行。

3.2 打安裝包?

npm run make

命令執行日志：

PS C:\xysj\electron\my-electron-app> npm run make   > my-electron-app@1.0.0 make
> electron-forge make? Checking your system
? Loading configuration
? Resolving make targets? Making for the following targets: squirrel
? Running package command? Preparing to package application? Running packaging hooks? Running generateAssets hook? Running prePackage hook? Packaging application? Packaging for x64 on win32 [21s]? Running postPackage hook
? Running preMake hook
? Making distributables? Making a squirrel distributable for win32/x64 [1m45s]
? Running postMake hook? Artifacts available at: C:\xysj\electron\my-electron-app\out\make

上面的操作最終會生成一個安裝包：

ok。到此，經過四篇文章，快速的讓大家了解了，使用Electron制作桌面應用的極簡流程。后面開始詳細介紹使用Electron來制作一個云盤。?以及Electron桌面應用的打包技術選型和對比。