Electron 教程简介
欢迎来到 Electron 教程!
什么是 Electron?
Electron 是一个由 GitHub 开发并开源的框架。它允许你使用前端技术栈(如 JavaScript、HTML 和 CSS)构建跨平台(Windows、macOS、Linux)的桌面应用程序。
它是许多广受欢迎桌面应用(例如 VS Code、Discord、Figma、Obsidian)的基础。
Electron 的核心理念是:
- 结合 Chromium 渲染引擎(负责 UI 展示)和 Node.js 运行时(负责系统底层调用)。
- 开发者只需编写一套前端代码和一份 Node.js 代码,即可打包出各个操作系统的安装包。
- 提供了大量底层系统 API(如文件操作、剪贴板、系统通知、全局快捷键等)。
本教程将包含什么?
在此教程中,我们将从零开始学习如何使用 Electron:
- 主进程(Main Process)与渲染进程(Renderer Process)的架构理解
- 环境搭建及创建一个最简单的 Electron 窗口
- IPC 通信(主进程与渲染进程间的数据传递与函数调用)
- Context Bridge 和预加载脚本(Preload)的最佳安全实践
- 使用现代前端框架(Vue/React)与 Electron 的结合
- 应用的打包构建与发布(electron-builder)
本文为轻叶全栈手册原创内容,转载请注明出处。

