本教程我们来学习 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，如下图所示： 