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:

  1. 主进程(Main Process)与渲染进程(Renderer Process)的架构理解
  2. 环境搭建及创建一个最简单的 Electron 窗口
  3. IPC 通信(主进程与渲染进程间的数据传递与函数调用)
  4. Context Bridge 和预加载脚本(Preload)的最佳安全实践
  5. 使用现代前端框架(Vue/React)与 Electron 的结合
  6. 应用的打包构建与发布(electron-builder)

本文为轻叶全栈手册原创内容,转载请注明出处。