Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。

文章目录 [隐藏]
  • 版本发布
  • 比你想象的更简单
  • 入门
  • 使用 Electron 构建的应用


svg%3e
svg%3e

捐赠者
应用
文档
博客
社区

版本发布




中文

svg%3e

使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用

版本发布

$ npm i -D electron@latest
# Electron   4.0.0
# Node       10.11.0
# Chromium   69.0.3497.106
$ npm i -D electron@beta
# Electron   4.0.0-beta.11
# Node       10.11.0
# Chromium   69.0.3497.106
$ npm i -D electron@nightly
# Electron   4.0.0-nightly.20181010
# Node       10.11.0
# Chromium   69.0.3497.106

比你想象的更简单

如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。



观看视频


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第1张图片

Web 技术

Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。

Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第2张图片

开源

Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目。

Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第3张图片

跨平台

Electron 兼容 Mac, Windows 和 Linux, 它构建的应用可在这三个操作系统上面运行。

困难的部分变得更便捷



自动更新


原生的菜单和通知


崩溃报告


调试和性能分析


Windows 安装程序

入门

若要开始使用 Electron,请查阅下面的参考资料,了解如何使用 Electron 包装您的 web 应用程序,访问所有的 API,以及生成的安装程序。

Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第4张图片

探索 Electron 的 API

Electron API 演示应用程序 交互演示了 Electron API 的最重要特性。看看有什么可能与 Electron 与示例代码和有用的提示,为您的应用程序的建设。



从 GitHub 下载


快速启动 应用程序,看看 Electron 是如何运转的:

一个有帮助内容的 Electron 应用。

# 克隆示例项目的仓库
$ git clone https://github.com/electron/electron-quick-start

# 进入这个仓库
$ cd electron-quick-start

# 安装依赖并运行
$ npm install && npm start

或潜得更深,并阅读 文档。

需要帮助?

欢迎到 Discuss 论坛或我们的 Slack频道上提问。关注Twitter @electronjs 以接收重要的公告。想要联系我们?可以发送电子邮件到 [email protected]

使用 Electron 构建的应用

Electron 让你为你的公司或想法创建桌面端应用变得很简单。最初为 GitHub 的 Atom 编辑器 开发,Electron 已被像微软、 Facebook、 Slack和Docker 这样的公司用于创建应用程序了。


resize,m_fill,w_240,h_48#
Skype


resize,m_fill,w_240,h_96#
GitHub Desktop


resize,m_fill,w_240,h_48#
Figma


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第5张图片
Flow


resize,m_fill,w_240,h_96#
Beaker Browser


resize,m_fill,w_240,h_48#
Hyper


resize,m_fill,w_240,h_48#
Kap


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第6张图片
Now Desktop


resize,m_fill,w_240,h_48#
Insomnia


resize,m_fill,w_240,h_48#
Svgsus


resize,m_fill,w_240,h_48#
Simplenote


resize,m_fill,w_240,h_48#
Collectie


resize,m_fill,w_240,h_48#
GitKraken


resize,m_fill,w_240,h_48#
Ghost


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第7张图片
WebTorrent


resize,m_fill,w_240,h_48#
1Clipboard


resize,m_fill,w_240,h_48#
Discord


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第8张图片
WordPress.com


resize,m_fill,w_240,h_48#
Caret


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第9张图片
JIBO


resize,m_fill,w_240,h_96#
Visual Studio Code


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第10张图片
Kitematic


Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。_第11张图片
Slack


resize,m_fill,w_240,h_48#
Atom

查看更多应用
or
提交你的应用.

Electron
文档
博客
社区
应用
版本发布
行为准则
语言
联系我们





你可能感兴趣的:(工具搬运)