想把你用 Electron 做的桌面应用打包成一个可以安装、卸载,还能自动创建桌面图标的 .exe 安装包?这篇手把手带你从 0 到 1 搞定!

🧰准备工具

NSIS(打包工具)

NSIS 是一个开源 Windows 安装包制作工具。

✅ 优点:

小巧高效(打包后体积小)

安装逻辑可自定义(基于脚本)

支持插件 & 多语言(含中文)

支持 Windows 11

HM NIS Edit(脚本编辑器)

一个图形化 NSIS 脚本生成器,适合新手。

✅ 优点:

支持图形向导,轻松生成安装脚本

自带模板、语法高亮等功能

📦前提准备

  1. 已打包好的 Electron 应用(即 dist 文件夹)
  2. 下载好工具:NSIS + HM NIS Edit 下载

🔚 总结

通过 NSIS + HM NIS Edit,我们可以轻松实现:

  1. 安装程序打包
  2. 图标/语言自定义
  3. 快捷方式创建
  4. 卸载完整支持

💡 小贴士

图标推荐用 .ico 格式,不然会报错

HM NIS Edit 默认保存脚本为 .nsi,你可以随时打开重新编译

如果打包时路径含中文或空格,建议改成纯英文路径

🚀 打包流程

下载并安装软件

可通过链接 https://pan.baidu.com/s/1yh3Gmur_Qx5iUMtlG4I-1A?pwd=qgkw 下载 NSIS 与 HM NIS Edit,记住 NSIS的安装路径,在 HM NIS Edit 配置 NSIS 时需要用到

1、配置NSIS

打开 HM NIS Edit,在上方菜单点击 NSIS -> 配置

选择 NSIS 安装目录下的 makensis.exe

勾选 “Save scripts before compile”

图示👇

在编辑器一栏选择 NSIS 安装路径下的 "makensis.exe",并勾选 "Save scripts before compile" 后,点击确认

2、新建脚本

选择 HM NIS Edit 上方工具栏的"文件",点击"新建脚本:向导"后,点击"下一步"

3、填写应用程序信息

根据实际情况填写"应用名称"、"版本号"、"出版方"、"网站"后点击"下一步"

4、设置图标及语言

安装程序图标:指生成的安装包显示的图标,必须是 ico 格式,可通过在线转化网站http://www.bitbug.net/,将 jpg、png等常见图像格式转为 ico格式

安装程序文件:指生成的安装包名称

安装程序语言:选择"SimpChinese"即可

5、默认安装目录及授权信息

"应用默认程序默认目录"保持默认即可,若有许可证协议,则在"授权文件"选择该协议,若没有,删除路径即可

6、添加程序文件夹

用于添加打包的应用程序的相关文件,将选项中 "c:\path\to\file\AppMainExe.exe", "c:\path\to\file\Example.file" 删除。点击上方的树形图按钮

"SelectDirecory"选择打包目标程序所在的目录,目录可能包括可执行程序,各种dll模块库,依赖库,资源文件等运行应用所需要的资源。

7、创建应用程序快捷方式

这里默认配置即可,如果你想修改快捷方式的名字,可以编辑"文件夹名称"。

8、配置"安装程序后运行"

安装完成后可直接打开程序,并附带参数,一般不用改,直接下一步

9、配置卸载安装程序

如果不需要特殊提示,直接下一步即可。

10、完成脚本创建

点击"保存脚本",将脚本保存在某个路径下,后续打包的安装包也会保存在该路径下。

编译脚本

保存脚本后,在左侧窗口列表会显示已保存的脚本,选择刚才保存的脚本,点击上方工具栏"NSIS",点击"编译脚本"

完成编译

编译成功后,按照红色框中的路径中找到相应的 Setup.exe文件,该文件即为目标程序安装文件。

测试安装

卸载测试