桌面应用 · 2-4 个月
Electron学习路线
用 HTML、CSS 和 JavaScript 构建跨平台桌面应用，学习主进程、渲染进程、IPC、安全和打包。
Electron Tutorial官方教程与前置知识。访问官方资料 ↗学习方法
每个阶段都要完成三件事
能用自己的话解释
不要只记语法，先说清它解决什么问题。
从空目录做项目
减少照抄，主动处理输入、错误和边界情况。
通过检查再继续
不会的部分回到文档和调试器，而不是跳过。
学习顺序
Electron的 4 个阶段
建议按顺序展开学习。时间为每周投入 8-12 小时的参考值。
01入门 · 1-2 周运行架构与第一个窗口理解 Chromium、Node.js、主进程和渲染进程。
需要学习
- BrowserWindow 与应用生命周期
- 主进程和渲染进程职责
- preload 与上下文隔离
动手练习
- 创建桌面窗口
- 加载本地页面
- 处理窗口关闭事件
进入下一步前
- 不在渲染进程直接开放 Node 能力
- 能解释两个进程职责
- 开发工具可正常调试
官方资料与延伸阅读
Electron Tutorial创建第一个应用。打开 ↗02核心 · 2-4 周IPC、原生能力与数据能安全调用文件系统和桌面能力。
需要学习
- ipcMain、ipcRenderer 与 contextBridge
- 文件选择、菜单、通知和剪贴板
- 本地配置与数据存储
动手练习
- 本地 Markdown 编辑器
- 文件选择与保存
- 增加原生菜单和快捷键
进入下一步前
- IPC 通道有明确白名单
- 验证来自页面的参数
- 不暴露整个 ipcRenderer
官方资料与延伸阅读
IPC Tutorial官方进程通信教程。打开 ↗Security必须阅读的安全清单。打开 ↗03发布 · 2-4 周打包、签名与更新能为目标平台构建安装包。
需要学习
- Electron Forge 与构建配置
- 应用图标、签名与权限
- 自动更新和版本管理
动手练习
- 生成安装包
- 配置应用元数据
- 建立发布检查清单
进入下一步前
- 不把开发密钥打进包
- 能区分平台构建要求
- 安装与卸载流程可验证
官方资料与延伸阅读
Packaging官方打包发布教程。打开 ↗04工程 · 2-4 周性能、测试与工程质量控制资源占用并验证关键桌面流程。
需要学习
- 窗口与进程资源管理
- 崩溃、日志和错误恢复
- 单元测试与 Playwright Electron 测试
动手练习
- 检测内存占用
- 增加崩溃恢复
- 自动化测试打开与保存文件
进入下一步前
- 窗口关闭后资源释放
- 错误有日志与恢复提示
- 关键流程可自动验证