Electron开发框架介绍

Electron 是开源、基于 Web 技术开发跨平台桌面应用的框架（最初叫 Atom Shell，由 GitHub 推出，现在归 OpenJS 基金会维护，MIT 协议）Electron。 一句话：用 HTML / CSS / JS（Vue、React 都行）写网页，打包成 Windows /macOS/ Linux 桌面程序。

核心构成

它内置两大引擎：

1. Chromium：Chrome 开源内核，负责渲染页面 UI（渲染进程），和浏览器一样，支持全套前端能力；

2. Node.js：给 JS 提供操作系统底层能力（主进程），可以读写本地文件、调用系统托盘、通知、串口等原生能力；

3. IPC（进程间通信）：主进程 ↔ 渲染进程通信，隔离权限，保障安全。

架构要点：主进程只有 1 个，负责窗口管理、系统 API；可以开多个渲染进程，每个窗口对应一个渲染进程。

知名产品

VS Code、Discord、Slack、Notion、Figma 桌面端、ChatGPT 桌面版等都是 Electron 开发。

✅ 优点

• 一套代码三平台运行，前端工程师上手成本极低；

• 界面自由度极高，Web 生态全部复用（npm、各种组件库）；

• 官方 API 完善：自动更新、打包、签名、托盘、快捷键、文件对话框等；

• 调试友好，直接用 Chrome DevTools 调试界面。

⚠️ 缺点

• 打包体积大（自带完整 Chromium，动辄上百 MB）；

• 内存占用偏高；

• 相比原生（Qt、Swift、C# WPF）、Tauri，性能和资源开销更大。

和同类简单对比

• Electron：内置 Chromium+Node.js，JS 全栈，生态最强，体积大；

• Tauri：复用系统 WebView，Rust 做后端，体积小、更轻，生态相对小；

• Qt：C++ 原生桌面框架，性能强，学习成本高。

本文原创作者：易君召，详见：https://www.yijunzhao.cn/authors/yijunzhao，转载请注明出处。

原文链接 https://www.yijunzhao.cn/archives/electron-development-framework-introduction

欢迎访问 小易撩挨踢