当前位置: 首页 > 工具软件 > electron-egg > 使用案例 >

electron-egg 打包exe程序

江敏学
2023-12-01

1. 生成exe、dmg、deb可执行文件

        准备:在对应操作系统下打包,比如:在windows下构建 xxx.exe,在MacOS下,构建          xxx.dmg

第零步:预发布模式,测试一下功能是否正常

npm run start 

第一步:移动前端资源文件

# 操作如下
1:构建资源,如vue前端项目中npm run build

2:根目录:npm run rd

第二步:(可选)安全性

# 代码压缩与混淆
npm run compress

# 代码还原
npm run restore

第三步:执行打包命令

        注:请尽量让项目名唯一(electron-egg/package.json中name属性),防止和别人软件名称         冲突

# 打包时,package.json中build.productName包名不要为中文,避免一些未知异常

# 准备,设置国内镜像
npm config set electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/

# 打包 (windows版本)
npm run build-w (32位)
npm run build-w-64 (64位)

# 打包 (mac版本)
npm run build-m
npm run build-m-arm64 (m1芯片架构)

# 打包 (linux版本)
npm run build-l

# 如果执行了代码压缩命令,打包完成后,记得还原代码
npm run restore

        注释:如果你想了解更多平台打包功能,请参照:electron-builder

第四步:找到程序

目录:electron-egg/out
安装包:electron-egg/out/electron-egg-windows-2.0.3.exe  

2. 其它修改

  • 修改应用名称
# 修改 ./package.json 中属性
name:项目名称(英文)
productName: 可执行程序名称(英文)
appId:软件id
shortcutName:桌面快捷方式名称

# 修改 ./frontend/vue.config.js
args[0].title=  软件运行时头部名称
  • 修改桌面图标
# 路径
./build/icons/256x256.png (名称和尺寸必须一致)(windows或者Linux)
./build/icons/512x512.png (名称和尺寸必须一致)(windows或者Linux)
./build/icons/icon.ico (macOs)
  • 修改最小化托盘图标
# 路径
./public/images/tray_logo.png (建议 32x32 或 16x16 )

 类似资料: