🐸 青蛙编程网

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 是什么 开始吧!