1. Electron 是什么
这是什么：Electron = 一个用网页技术（HTML / CSS / JavaScript）开发桌面应用的开源框架，由 GitHub（现属微软）维护。
为什么用：你想做出「双击图标就打开、不依赖浏览器」的真软件，但 C++ / C# 原生开发门槛高；Electron 让你会写网页就能写桌面应用，一套代码同时出 Windows、macOS、Linux 三个版本。
如何用：本章先搞清它是谁、能干什么、谁在用它，下一章就动手弹出第一个窗口。
1.1 它由三样东西拼成
| 组成 | 是什么 | 负责 |
|---|---|---|
| Chromium | 谷歌浏览器的开源内核 | 画出界面（就是渲染网页） |
| Node.js | JS 的服务器运行时 | 读写文件、调系统能力 |
| 原生壳 | 各平台的窗口与打包机制 | 任务栏图标、窗口、安装包 |
一句话：界面部分是网页，能力部分是 Node.js，外面套个桌面程序的壳。
1.2 和普通网页差在哪
| 能力 | 普通网页 | Electron 应用 |
|---|---|---|
| 运行位置 | 浏览器标签页里 | 独立窗口，任务栏有图标 |
| 读写本地文件 | 基本不行 | 随便读写（走 Node.js） |
| 系统通知 / 托盘 | 受限 | 完整支持 |
| 断网使用 | 多数不行 | 完全离线可用 |
| 分发方式 | 发网址 | 发安装包（.exe / .dmg） |
1.3 谁在用它
- VSCode——微软的代码编辑器，Electron 最出名的作品
- 新版微信、QQ——聊天界面就是网页技术
- Discord、Slack、Figma 桌面版——海外团队协作工具
这些软件的共同点：界面复杂、更新频繁、要多平台——正好是 Electron 的舒适区。
1.4 代价也要知道
- 体积大：每个应用都自带一个 Chromium，安装包普遍 60–100 MB 起
- 内存占用：比原生应用高一些（界面是网页渲染的）
- 对学习阶段来说这些都不重要，做产品的再权衡
1.5 动手改
- 打开你电脑上的 VSCode，菜单「帮助 → 切换开发人员工具」，你会看到一个熟悉的 DevTools——因为它是 Electron 应用
- 想想手机上有没有「网页套壳」的桌面软件？它们和 Electron 的思路像在哪？
1.6 小结
- Electron = Chromium（画界面）+ Node.js（调系统）+ 原生壳（窗口/打包）
- 会写网页就能写桌面应用，一套代码出三平台
- VSCode、微信、QQ 都在用，实力经过了工业级验证
- 代价是体积和内存——学习期不用管
下一章：环境搭建与第一个窗口 🐸