Electron 教程
你会写网页了,那能不能用同样的技术写一个双击图标就能打开的桌面软件?能——这就是 Electron:把 Chromium(负责画界面)和 Node.js(负责调系统)打包在一起的应用框架。你天天在用的 VSCode、新版微信、QQ,都是用它做的。
学 Electron 需要本地安装 Node.js(和浏览器在线运行说再见),但界面部分就是纯网页——HTML、CSS、JavaScript 全都用得上,之前学的不白费。
技术路线
| 章节 | 核心内容 |
|---|---|
| 1. Electron 是什么 | 框架定位、与网页的区别、知名应用 |
| 2. 环境搭建与第一个窗口 | 装 Node、npm 项目、弹出第一个桌面窗口 |
| 3. 主进程与渲染进程 | 两大进程模型、各管什么 |
| 4. 界面就是网页 | HTML/CSS/JS 全套上,界面随便做 |
| 5. 进程通信:IPC | 渲染进程怎么"打电话"给主进程 |
| 6. 原生能力 | 文件对话框、菜单、系统通知 |
| 7. 打包与发布 | 把应用变成能发出去的安装包 |
| 8. 综合练习:迷你记事本 | 打开、编辑、保存,一个真正能用的小软件 |
从 1. Electron 是什么 开始吧!