跳到主要内容

使用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用户发送软件更新 autoUpdater模块,由提供动力 松鼠.

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@最新my-app公司
正在定位自定义模板:“基本”
正在初始化目录
正在准备模板
正在初始化模板
安装模板依赖项
直接下载

安装

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

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

  • 稳定
  • 预发布
  • 夜间
$npm安装--保存-dev 电子@最新
#电子30.0.1
#节点2011年11月20日
#铬124.0.6367.60
API实验

电子提琴

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

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

电子提琴主窗口截图