今天唠唠Electron开发怎么选工具这个事儿。去年我那项目组突然接了个桌面端的活儿，老大拍拍肩膀说“就交给你了”，那会儿我可真是一脸懵，只能硬着头皮找工具开整。

刚上手直接踩雷

第一反应就是照着教程装electron-forge，心想微软爸爸的工具总靠谱？结果光建个空白项目就给我整崩溃了。

• 安装进度条卡成PPT：npm install磨磨唧唧半小时，蹦出来404报错，原来某个依赖包早就下架了
• 热更新玄学失灵：明明开着webpack热加载，改完代码一保存，屏幕直接全黑，逼得我天天按Ctrl+R搓键盘
• 报错信息跟天书似的：满屏的Module not found看得眼冒金星，翻文档发现配置项还得手动改*

隔壁老王给了条明路

连着加班三天差点秃头，隔壁工位王哥实在看不下去了：“你丫还在用forge？现在都改用electron-vite了！”

半信半疑下了vite的模板。敲完npm create @quick-start/electron，好家伙：

• 10秒建好空白项目，连renderer进程目录都自动分开了
• 敲个npm run dev秒开窗口，代码改完肉眼可见实时刷新
• console里报错直接标红文件路径，点两下就跳转到问题代码

感动得当时就想给王哥充两年网易云会员。

打包又掉新坑里

正当我以为可以按时下班的时候，打包exe直接给整破防了。600MB的安装包塞满半个桌面，杀毒软件还疯狂报毒。

网上翻了十几个帖子才搞明白：

• 资源文件统统要压缩：把本地图片换成CDN地址，体积直接砍半
• 非必要模块别硬塞：像sqlite3这种原生模块，不到万不得已千万别用
• 启用electron-updater：差量更新比完整包小30倍，用户不用骂骂咧咧重下

调试插件大乱斗

后来被渲染进程内存泄漏逼疯，又挨个试调试工具：

• VSCode调试器：打断点还行，但看Electron进程状态跟开盲盒似的
• devtron：监控IPC通信超好用，就是经常把渲染进程卡死机
• 最终救星Flipper：连接手机数据线似的连桌面端，内存曲线/数据库/IPC实时监控全解决

现在新项目清一色vite+electron-builder+flipper三板斧。有回半夜两点发现内存泄漏，顶着鸡窝头用Flipper五分钟定位问题，要是当初还死磕forge怕是要通宵到天明。工具选错真能要人命，新手千万记着躲坑！