Electron官方实验工具Electron Fiddle

最新推荐文章于 2024-11-28 01:44:38 发布

__畫戟__

最新推荐文章于 2024-11-28 01:44:38 发布

阅读量852

点赞数

分类专栏： Electron 文章标签： electron Electron Fiddle Electron官方实验工具

原文链接：https://zhuanlan.zhihu.com/p/413350509

版权

Electron 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

ElectronFiddle是Electron官方提供的一个便捷工具，允许开发者快速创建和测试Electron应用。用户可以编辑代码、选择Electron版本，并通过Run按钮即时运行。此外，该工具还支持代码保存、版本切换及分享到GitHub的功能，对于学习和调试Electron代码非常有帮助。

摘要由CSDN通过智能技术生成

如果开发者想验证一段简短的代码是否可以在Electron框架内正常运行，那么自己创建个Electron项目，再搞个开发调试环境，就太麻烦了。

Electron官方团队为开发者提供了一个更快捷的创建项目并进行试验的工具：Electron Fiddle（https://github.com/electron/fiddle/releases）。

在github上下载最新的Electron Fiddle安装到你的计算机内，启动程序，界面如下图所示：

在这里插入图片描述

其中①面板显示的文件为启动窗口的代码文件，②处显示的文件为窗口界面文件，在此文件中通过require的方式引入了另一个文件renderer.js，此文件显示在③处。

这三个文件就可以创建一个最简单的Electron应用程序，你可以在这三个面板中任意修改编辑这三个文件，编辑完成后，运行⑤处的Run按钮即可启动程序。此时⑥处按钮控制的控制台面板会显示出来，并在控制台输出：

Saving files to temp directory...
Saved files to C:\Users\ADMINI~1\AppData\Local\Temp\tmp-10612ml0NvIeIyhXY
Electron v8.0.0-beta.3 started.
For help, see: https://nodejs.org/en/docs/inspector
Electron exited with code 0.

说明Electron Fiddle已将这三个面板的代码保存到你系统的缓存目录中了，你可以通过File菜单的Save As功能修改默认保存文件的目录。

如果不小心关掉了哪个面板，你可以通过⑦处按钮控制这些面板重新显示出来。且此按钮还可以为窗口页面插入预加载脚本。

启动程序时，Electron Fiddle会帮你默认选择一个Electron的版本，如果你希望切换版本，可以点击④处按钮，来选择你需要使用的版本，Electron Fiddle会自动帮你下载此版本的Elecron发行包，如下图所示：
在这里插入图片描述

代码编辑完成后可以通过⑧处按钮把代码发布到github上，分享给其他人。

通过此工具可以快速验证某段代码是否可以在Electron平台上运行，对于一些想快速入门领略Electron能力的开发者颇有助益。