Electron Fiddle：构建并启动Electron本地应用体验

每次开发一个前端应用，都要下载 Electron，等待的时间与快速响应需求，需要开发者更多的耐心。

我非常希望能快一些，相信许多开发人员也是如此，希望 Electron 团队开发了一个新工具，可以帮助我们在 Electron 中进行实时测试，让开发者的生活更轻松些。

就在这几天，我发现一个好玩的东西，它叫做 Electron Findde，可以帮助我们快速创建和启动 Electron 的工具。它提供一个模板，能够快速启动，你只需要更改一部分内容，选择一部分要运行的代码段，可以在 Electron Project 中查看结果。另外，Electron Fiddle 还可以把这段代码保存为 Github Gist 中，也可以保存在你的本地文件夹中。

将结果推送到 Github，人们就可以通过桌面工具访问 URL 来测试你的成果。

现在就开始！

Fiddle 不提供初始化的安装文件，在此之前，你需要下载 Node.js 和 NPM 工具。然后我们就可以克隆 Fiddle 库，安装相关依赖并启动脚本了。

第一步，下载 Fiddle 项目：

git clone https://github.com/electron/fiddle.git

第二步，构建并运行

我们先进入它的目录：

cd fiddle

接下来，我们安装相关依赖并启动 Fiddle 桌面工具：

npm install && npm start

接下来，就会启动 Electron Fiddel 桌面应用程序，现在就可以开始测试了！

Fiddle 特性

Fiddle 这个东东最好的功能之一是，它和 能够与 Microsoft Monaco 代码编辑器集成，这个编辑器提供类型的支持，因此也有 IDE 的感觉。

但是 Electron Fiddle 并不是 IDE，它还是自动为当前选定的 Electron 版本来安装相关类型定义，在编码时，可以获得所有的 Electron API:

这样我们就可以实验的代码转变为与朋友、同事共享二进制编译版本。

这样我们就可以把 Fiddle 打包为 Windows、MacOS或 Linux 的应用程序了。

作者：乔乔

来源：21CTO