Electron 简介

Electron 简介（2025 年 12 月最新）

Electron是一个开源框架，用于使用JavaScript、HTML 和 CSS构建跨平台桌面应用程序。它由 OpenJS Foundation 维护，原先由 GitHub 开发（最初名为 Atom Shell，用于构建 Atom 编辑器）。

核心原理

Electron 将Chromium（浏览器渲染引擎）和Node.js（服务器端 JavaScript 运行时）打包到一个二进制文件中。这意味着：

• 你可以用 Web 前端技术（HTML/CSS/JS）构建用户界面。
• 同时可以直接访问操作系统原生 API（如文件系统、通知、菜单等），无需学习原生语言（如 C++ 或 Swift）。

开发者只需维护一套 JavaScript 代码库，就能生成支持Windows、macOS 和 Linux的桌面应用。

当前最新版本（截至 2025 年 12 月 20 日）

• 稳定版：39.2.7（最近更新于 2025 年 12 月左右，包含 Chromium 142.x 的安全修复）。
• Electron 的主要版本与 Chromium 同步发布，通常每 8 周一个大版本，以确保及时获取安全更新和最新 Web 功能。

关键特性

• 跨平台：一套代码，多平台运行（包括 ARM 架构支持）。
• 丰富的生态：直接使用 npm 包，或编写原生插件扩展功能。
• 内置支持：自动更新、安装包生成、崩溃报告、本地 GUI（如菜单、托盘、通知）。
• 进程模型：主进程（Main Process，处理应用生命周期和系统交互） + 渲染进程（Renderer Process，负责 UI 渲染，像浏览器窗口）。
• 安全性与性能：捆绑最新 Chromium，确保 Web 标准兼容，但应用体积较大（自带 Chromium，通常 100MB+）。

知名应用示例

• Visual Studio Code（微软）
• Slack
• Discord
• GitHub Desktop
• Figma Desktop
• Notion 等

优缺点

优点：

• 开发效率高，前端开发者上手快。
• 快速迭代，利用 Web 生态（React、Vue、Angular 等框架无缝集成）。
• 跨平台一致性强。

缺点：

• 应用体积大、内存占用较高（常被批评为“资源猪”）。
• 不适合对性能极致要求的应用（如游戏或视频编辑器）。

官网与资源

• 官方网站：https://www.electronjs.org/
• 中文文档：https://electron.nodejs.cn/ 或 https://www.electronjs.org/docs/latest（有中文翻译）
• GitHub 仓库：https://github.com/electron/electron

Electron 让 Web 开发者轻松进入桌面应用领域，如果你熟悉前端技术，它是一个非常强大的工具！如果需要更详细的教程、版本历史或具体示例，随时告诉我～