三大工具按阶段分工,互不替代:
| 工具 | 阶段 | 一句话定位 | Stars | 详解 |
|---|---|---|---|---|
| Electron Forge | 全流程(脚手架→开发→打包→发布) | 官方一体化工具链 | 7.1k | electron-forge |
| electron-vite | 开发构建期 | 基于 Vite 的三进程统一构建 + HMR | 5.5k | electron-vite |
| electron-builder | 打包分发期 | 社区打包全家桶,自动更新开箱即用 | 14.6k | electron-builder |
| electron-updater | 运行期自更新 | electron-builder 配套更新库,多渠道/差量更新 | 同上 | electron-updater |
| electron-store | 数据持久化 | 用户偏好/应用状态存 JSON,底层 conf | 5.0k | electron-store |
| electron-vite-tutorial | Step-by-step 教程 | 从脚手架到打包的全流程示例 | — | electron-vite-tutorial |
流水线组合
脚手架 开发/构建 打包/签名/发布/更新
─────────────────────────────────────────────────────
官方路线: Forge 模板(webpack/vite) → Forge(makers/publishers)+ update-electron-app
社区路线: electron-vite 模板 → electron-builder + electron-updater
极简路线: 手写 main.js(本教程 01-04 章)→ Forge import
上下游衔接:electron-vite build 产物在 out/ → electron-builder 的 files 指向 out/**/*。官方脚手架模板默认就是这套组合。
选型建议
| 你的情况 | 推荐组合 |
|---|---|
| 纯学习/小工具,原生 JS | 手写 + Forge(本教程路线) |
| 正式项目,TS + 前端框架 | electron-vite + electron-builder |
| 想全程官方方案 | Forge + Vite 插件 + update-electron-app |
相关
- electron-forge / electron-builder / electron-vite / electron-updater / electron-store — 工具单页详解
- electron-vite-tutorial — electron-vite 完整 Step-by-step 示例
- 05-packaging-distribution — 官方 Forge 打包发布完整教程
- 07-environment-variables — 安装加速相关镜像变量