Electron

Electron 是什么

Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架。它基于 Node.js 与 Chromium，把浏览器渲染能力与 Node.js 的系统访问能力结合起来，让 Web 开发者可以直接产出 macOS、Windows、Linux 桌面程序。VS Code 等大量知名应用都构建在 Electron 之上。

核心组成

• Chromium：负责界面渲染，保证与浏览器一致的 Web 能力
• Node.js：提供文件系统、进程、网络等系统级 API
• 原生外壳：窗口管理、菜单、托盘、系统通知等桌面能力

快速开始

通常将 Electron 作为开发依赖安装到项目中：

npm install electron --save-dev

随后在 package.json 中配置入口脚本，主进程创建窗口并加载页面：

const { app, BrowserWindow } = require('electron')

app.whenReady().then(() => {
  const win = new BrowserWindow({ width: 1024, height: 768 })
  win.loadFile('index.html')
})

平台支持

每次发布都会提供 macOS、Windows 与 Linux 的预编译二进制：

• macOS：提供 64 位 Intel 与 Apple Silicon / ARM 版本
• Windows：提供 x64 与 arm64 版本
• Linux：提供 x64 与 arm64 版本，主流发行版均可运行

整体上 Electron 会尽量与 Chromium 的平台支持策略保持一致。

学习与调试资源

• 官方文档站点覆盖全部 API 与教程
• Electron Fiddle 可用于快速编写、运行和打包小型实验，并查看各 API 示例
• 文档通过 Crowdin 众包翻译，提供简体中文等多种语言版本

使用建议

Electron 适合希望以 Web 技术栈统一多端体验的团队。实际项目中建议关注：

1. 合理拆分主进程与渲染进程职责，避免在渲染进程直接暴露敏感能力
2. 持续跟进 Chromium 安全更新，及时升级 Electron 版本
3. 通过国内镜像加速二进制下载，减少 CI 与本地安装耗时
4. 对包体积与内存敏感的产品，提前做性能与体积评估

许可证

项目采用 MIT 许可证，使用官方 Logo 时需遵循 OpenJS 基金会的商标政策。