想把你用 Electron 做的桌面应用打包成一个可以安装、卸载,还能自动创建桌面图标的 .exe 安装包?这篇手把手带你从 0 到 1 搞定!
🧰准备工具
NSIS(打包工具)
NSIS 是一个开源 Windows 安装包制作工具。
✅ 优点:
小巧高效(打包后体积小)
安装逻辑可自定义(基于脚本)
支持插件 & 多语言(含中文)
支持 Windows 11
HM NIS Edit(脚本编辑器)
一个图形化 NSIS 脚本生成器,适合新手。
✅ 优点:
支持图形向导,轻松生成安装脚本
自带模板、语法高亮等功能
📦前提准备
- 已打包好的 Electron 应用(即
dist文件夹) - 下载好工具:NSIS + HM NIS Edit 下载
🔚 总结
通过 NSIS + HM NIS Edit,我们可以轻松实现:
- 安装程序打包
- 图标/语言自定义
- 快捷方式创建
- 卸载完整支持
💡 小贴士
图标推荐用 .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文件,该文件即为目标程序安装文件。

测试安装





卸载测试



