为了使调试更容易，Electron 原生反对 Chrome DevTools 扩大。对于大多数 DevTools 的扩大，咱们能够间接下载源码，而后通过 BrowserWindow.addDevToolsExtension 加载它们。Electron 会记住曾经加载了哪些扩大，所以不须要每次创立一个新 window 时都调用 BrowserWindow.addDevToolsExtension。

Selenium 是 ThoughtWorks 提供的一个弱小的基于浏览器的开源自动化测试工具。Selenium 是一个用于 Web 应用程序测试的工具，测试间接主动运行在浏览器中，就像真正的用户在手工操作一样。反对的浏览器包含 IE、Chrome Opera、Firefox 等。这个工具的次要性能包含：

构想一个场景，当咱们在浏览一个网页并且须要下载某个资源时，你的电脑可能常常会跳出一个提示框，询问你是否须要关上“迅雷”。当咱们点击“是”，则会唤醒该本地利用进行下载工作。针对这个场景产生了一个疑难，网页是如何关上PC端利用的呢？

本节咱们来看一下 Chrome 浏览器和 Electron 中反对的命令行开关。咱们能够将这些命令行开发在 app 模块的 ready 事件收回之前应用 app.commandLine.appendSwitch 来增加它们到利用的 main 脚本中。

Electron 反对原生的 Node 模块，但因为和官网的 Node 相比，Electron 有可能应用一个和咱们零碎上所装置的 Node 不同的 V8 引擎，所以应用的模块须要从新编译能力应用。如果咱们想编译原生模块，则须要手动设置 Electron 的 headers 的地位。

为舒缓 Windows 下路径名过长的问题 issues，略微放慢 require 的速度以及简略隐匿源代码，咱们能够抉择把利用打包成 asar 档案文件，这只须要对源代码做一些很小的改变。大部分用户能够轻松实现这个性能，因为它在 electron-packager、electron-forge 和 electron-builder 中都失去了反对，开箱即用。

本节咱们学习 Electron 的利用部署。如果咱们要应用 Electron 部署咱们的应用程序，则须要进行打包和重塑。能够应用上面几个第三方打包工具来实现：

在 Electron 中，启动我的项目时运行的 main.js 脚本就是咱们说的主过程。在主过程运行的脚本能够以创立 web 页面的模式展现 GUI。

本节咱们来学习 Electron 中的环境变量，环境变量次要是用来控制应用程序配置和行为而不必更改代码。某些 Electron 行为是由它管制的，因而它们比命令行标记和应用程序的代码更早初始化。

在开发之前须要筹备Node环境，能够去Node官网下载安装包，装置Node环境以及Npm工具。我本地应用nvm治理三个版本的Node，搭建Umi+Antd+Electron框架时应用的Node版本及Npm版本如下图所示。