跳至主要内容

使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序

文档
web-tech

网络技术

Electron 嵌入 Chromium 和 Node.js,使 Web 开发人员能够创建桌面应用程序。

cross-platform

跨平台

Electron 应用程序兼容 macOS、Windows 和 Linux,可在所有受支持架构的三个平台上运行。

open-source

开源

Electron 是一个开源项目,由 OpenJS Foundation 和活跃的贡献者社区维护。

轻松进行桌面开发

Electron 负责处理困难的部分,以便您可以专注于应用程序的核心。

macOS operating system menu for VSCode.
              'Code' menu item is selected, and its submenu has items 'About Visual Studio Code',
              'Check for Updates...', 'Preferences', 'Services', 'Hide Visual Studio Code',
              'Hide Others', 'Show All', 'Quit Visual Studio Code'.

原生图形用户界面

使用 Electron 的主进程 API 与操作系统界面进行交互。自定义 应用程序窗口 外观、控制应用程序 菜单,或通过 对话框通知 向用户发出警报。

Dialog for Electron Fiddle's auto-update. The user is prompted to update to v0.27.3.
              'A new version has been downloaded. Restart the application to apply the updates.'
              There are two buttons underneath: 'Later' and 'Restart'.

自动软件更新

借助由 Squirrel 提供支持的 Electron autoUpdater 模块,在每次发布新版本时向 macOS 和 Windows 用户发送软件更新。

Window on macOS for the WhatsApp Installer (DMG).
              Two icons are present: 'WhatsApp' and 'Applications'. The user is prompted to
              drag the WhatsApp app icon into the Applications folder.

应用程序安装程序

使用 社区支持的工具 生成特定于平台的工具,例如 macOS 上的 Apple 磁盘映像 (.dmg)、Windows 上的 Windows 安装程序 (.msi) 或 Linux 上的 RPM 包管理器 (.rpm)。

Mac App Store window open to the Rocket.Chat download page.

应用商店分发

将你的应用程序分发给更多用户。Electron 对 Mac App Store(macOS)、Microsoft Store(Windows)或 Snap Store(Linux)提供了一流的支持。

Screenshot of Sentry crash reporting (https://sentry.io). Shows the error message
              ('BrowserWindow Unresponsive'), user breadcrumbs, and user information.

崩溃报告

使用 crashReporter 模块从用户那里自动收集 JavaScript 和原生崩溃数据。使用第三方服务来收集此数据或设置你自己的内部 Crashpad 服务器。

使用你喜欢的工具

借助现代 Chromium 的强大功能,Electron 为你提供了一个不带任何主观的空白画布来构建你的应用程序。选择从前端生态系统中集成你最喜欢的库和框架,或使用定制的 HTML 代码开辟自己的道路。

React
Vue.js
Next.js
Tailwind CSS
Bootstrap
Three.js
Angular
TypeScript
webpack
Playwright
测试库
Sass
新!

Electron Forge

Electron Forge 是一个包含电池的工具包,用于构建和发布 Electron 应用程序。通过对 JavaScript 捆绑和可扩展模块生态系统的一流支持,以正确的方式启动你的 Electron 应用程序。

$ npm init electron-app@latest my-app
✔ Locating custom template: "base"
✔ Initializing directory
✔ Preparing template
✔ Initializing template
✔ Installing template dependencies
直接下载

安装

如果你想自己弄清楚,你可以直接从 npm 注册表安装 Electron 包。

对于可用于生产的体验,请安装最新的稳定版本。如果你想要一些更具实验性的东西,请尝试预发布或夜间频道。

  • 稳定
  • 预发布
  • 夜间
$ npm install --save-dev electron@latest
# Electron 29.1.4
# Node 20.9.0
# Chromium 122.0.6261.129
用 API 进行实验

Electron Fiddle

Electron Fiddle 让你创建并玩转小型 Electron 实验。打开后,它会向你提供一个快速入门模板——更改一些内容,选择你想要用来运行它的 Electron 版本,然后尽情玩耍。

将你的 Fiddle 保存为 GitHub Gist 或本地文件夹。推送到 GitHub 后,任何人只需在地址栏中输入即可快速试用你的 Fiddle。

Screenshot of Electron Fiddle's main window