跳到主要内容

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

文件
网络技术

Web技术

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

跨平台

跨平台

Electron应用程序与macOS、Windows和Linux兼容，可在所有支持的体系结构的三个平台上运行。

开放源代码

开放源代码

Electron是一个开源项目，由 OpenJS基金会以及一个活跃的贡献者社区。

轻松开发桌面

Electron负责硬部件，因此您可以专注于应用程序的核心。

VSCode的macOS操作系统菜单。选择了“代码”菜单项，其子菜单具有“关于Visual Studio代码”项，'检查更新…'，'“首选项”、“服务”、“隐藏Visual Studio代码”，“隐藏其他”、“全部显示”、“退出Visual Studio代码”。

本机图形用户界面

使用Electron的主进程API与操作系统的接口交互。自定义您的 应用程序窗口 外观，控制应用 菜单，或通过以下方式通知用户对话框或 通知.

电子提琴的自动更新对话框。系统将提示用户更新到v0.27.3。'已下载新版本。重新启动应用程序以应用更新。”下面有两个按钮：“稍后”和“重新启动”。

自动软件更新

每当您使用Electron发布新版本时，请向您的macOS和Windows用户发送软件更新 自动更新程序模块，由提供动力 松鼠.

macOS上用于WhatsApp安装程序（DMG）的窗口。有两个图标：“WhatsApp”和“Applications”。提示用户将WhatsApp应用程序图标拖到Applications文件夹中。

应用程序安装程序

使用 社区支持工具 生成特定于平台的工具，如macOS上的Apple Disk Image（.dmg）、Windows上的Windows Installer（.msi）或Linux上的RPM Package Manager（.RPM）。

向Rocket打开Mac App Store窗口。聊天下载页面。

应用商店分发

将应用程序分发给更多用户。Electron为 Mac应用商店 （macOS） 微软商店 （Windows），或 快照存储（Linux）。

Sentry崩溃报告截图(https://sentry.io网址). 显示错误消息（“BrowserWindow无响应”）、用户导航和用户信息。

碰撞报告

使用 碰撞报告器 模块。使用第三方服务收集此数据或设置您自己的本地Crashpad服务器。

使用你喜欢的工具

凭借现代Chromium的强大功能，Electron为您提供了一块无信仰的白板来构建应用程序。选择从前端生态系统集成您最喜欢的库和框架，或使用定制的HTML代码开辟您自己的道路。

反应
Vue.js公司
下一个.js
顺风CSS
引导程序
三个.js
角度
类型脚本
网络包
剧作家
测试库
萨斯
新增！

电子锻造

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

开始源代码
$npm初始化electron-app@最新我的应用程序
✔ 定位自定义模板：“基础”
✔ 正在初始化目录
✔ 正在准备模板
✔ 正在初始化模板
✔ 安装模板依赖项
直接下载

安装

如果您想自己解决问题，可以直接从npm注册表安装Electron包。

要获得生产就绪体验，请安装最新的稳定版本。如果你想要更具实验性的东西，可以试试预发行版或夜间频道。

  • 稳定
  • 预发布
  • 夜间
$npm安装--保存-dev 电子@最新
#电子26.2.3
#节点18.16.1
#铬116.0.5845.190
API实验

电子小提琴

电子琴可以让你创建和玩小型电子实验。打开后，它会用一个快速入门的模板向您致意——更改一些东西，选择您想要运行它的Electron版本，然后四处游玩。

将Fiddle保存为GitHub Gist或本地文件夹。一旦推到GitHub，任何人都可以通过在地址栏中输入您的Fiddle来快速尝试。

下载源代码
电子提琴主窗口截图

用户喜爱的应用程序，使用Electron构建

跨越所有行业的数千家组织使用Electron构建跨平台软件。