应用打包｜Cursor 图片压缩应用（Electron）

Date: August 3, 2025

---

准备打包

该项目已经在开发模式下开发完成。接下来请打包该项目为桌面应用安装包。

如果开启之前的 Auto-run 模式，则会自动打包。

mac端打包命令如下：

npm run electron:build:mac

---

产物测试

问题：

成功打包后，将文件解压到系统中，最后打开报错如下，请修复。

成功修复后，Mac应用如下：

---

产品功能检测

样式问题：

打包后产物顶部导航栏存在样式问题，
1）tab栏头部的icon缺少
2）tab栏背景色正常，但是剩余位置为空白色。
现提供截图，我用红框圈出，这是目前存在问题，请分析问题，并提供解决方案。
解决完成后，请自动打包。

---

产品功能展示

图片压缩功能：

滑动对比：

并排对比：

---

发布至 Github

你可以在 Github 创建仓库，然后按流程进行推送。

git remote add origin git@github.com:NathanChxn/picture-zipTool.git
git branch -M main
git push -u origin main

创建版本标签：

为第一个版本创建标签为 v1.0.0

nathanchen@192 electron-zip % git tag -a v1.0.0 -m "v1"          
nathanchen@192 electron-zip % git push origin v1.0.0

创建GitHub Release：

目前我需要将项目发布到 Github Release，请帮我写一份发布说明。
要求：
1-保存位置 release/

发布版本如下：

---

项目开发总结

整个开发过程，我们从0到1实现了桌面端图片压缩工具的开发。

对此，做下最后的总结：

本次项目使用技术：

• Cursor 1.2.4
• 模型：Claude 3.7/3.5、Gemini-2.5-pro

Cursor工具的使用经验：

• 保持耐心，永远相信你可以结合工具开发出你想要的产品。
• 大任务拆分成子任务处理。持续迭代，每次进步一点点，不要贪多
• 多窗口对话：每个窗口各司其职，防止上下文过多导致污染

• 调试bug时，需要提供控制台与浏览器的日志信息。在调试时，AI可能会反复报错，你需要考虑凭借多模型或者搜索引擎来额外解决问题。因此，保持耐心。

开发经验：

• 你可以不知道新框架的使用API，但是你得会调试新框架，这决定你是否能够继续解决未知问题