本教程我们来学习 Electron 的基础知识，下面我们先来学习一下什么是 Electron。

Electron是什么

Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js（作为后端）和 Chromium（作为前端）完成桌面 GUI 应用程序的开发。

Electron 可以用于构建具有 html、css、JAVAScript 的跨平台桌面应用程序，它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点，应用程序可以打包到 mac、windows 和 linux 系统上。

发展历程

2013 年的时候，Atom 编辑器问世，作为实现它的底层框架 Electron 也逐渐被熟知，到 2014 年春季被开源，那时它还是叫 Atom Shell。接下来的几年，Electron 在不断的更新迭代，几乎每年都有一个重大的里程碑：

• 2013年4月，Electron 以 Atom Shell 为名起步。
• 2014年5月，Atom 以及 Atom Shell 以 MIT 许可证开源。
• 2015年4月，项目被重命名为 Electron。
• 2016年5月11日，电子版发布 v1.0.0 版本。
• 2016年5月20日，允许向Mac应用商店提交软件包。
• 2016年8月2日，支持Windows商店
• 2018年5月2号发布的2.0.0

支持平台

目前支持 Electron 的平台有 OS X、Windows、Linux：

• OS X：对于 OS X 系统仅有 64 位的二进制文档，支持的最低版本是 OS X 10.8。
• Windows：仅支持 Windows 7 及其以后的版本，之前的版本中是不能工作的。对于 Windows 提供 x86 和 amd64 (x64) 版本的二进制文件。需要注意的是 ARM 版本的 Windows 目前尚不支持。
• Linux：预编译的 ia32(i686) 和 x64(amd64) 版本 Electron 二进制文件都是在 Ubuntu 12.04 下编译的，arm 版的二进制文件是在 ARM v7（硬浮点 ABI 与 Debian Wheezy 版本的 NEON）下完成的。预编译二进制文件是否能够运行，取决于其中是否包括了编译平台链接的库，所以只有 Ubuntu 12.04 可以保证正常工作，但是 Ubuntu 12.04+ 、Fedora 21、Debian 8 等平台也被证实可以运行 Electron 的预编译版。

Electron的优缺点

Electron 的优点如下所示：

• 部署升级方便，用户可以通过浏览器就可以访问。
• HTML/JS/CSS 编写，方便且高效。
• 可支持 Windows、Linux 、Mac系统。

Electron 的缺点如下所示：

• 对于开发者而言：浏览器适配比较繁琐。有些应用必须指定浏览器版本（比如 OCX 必须是 IE 内核， H5 必须是较高版本），必须打开浏览器，输入一长串 URL 地址。
• 对于用户：传统行业中部分用户对 web 应用不习惯，尤其是使用专业工具软件，大多数会觉得 web 应用没有桌面应用用起来踏实。

基于Electron实现的软件

Electron 现已被多个开源应用软件所使用，其中被广大程序员所熟知和使用的 Atom 、支付宝小程序 IDE、 Visual Studio Code 编辑器就是基于 Electron 实现的。

我们打开 Visual Studio Code 编辑器，找到菜单中的 “帮助 --> 切换开发人员工具”，如下图：

然后就可以在界面上看到我们熟悉的 Chrome devtool，如下图所示：