如何将DevTools扩展添加到Atom编辑器?

时间:2018-04-02 10:38:49

标签: electron atom-editor react-devtools

我希望能够在开发模式下使用像React Developer Tools这样的devtools扩展到Atom。我怎么能这样做?

在电子窗口中加载devtools扩展的官方电子文档mentions a way,但我无法将其应用于Atom。

我在我的init.coffee文件夹的.atom脚本中尝试了以下代码的变体,但它们都失败了,并且“您尝试访问的此方法不存在” ”

# Your init script
#

BrowserWindow = require('electron').remote.BrowserWindow
BrowserWindow.addDevToolsExtension("~/.config/chromium/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/3.2.1_0/")

这让我觉得我错过了什么。有没有办法从init.coffee加载devtools扩展,或者我应该尝试其他方法吗?无论哪种方式,哪种方式最简单?

次要问题:我还发现this npm package提供了一种在Electron中加载devtools扩展的简化方法。是否可以在Atom中使用它?我认为您不能将节点模块添加到init.coffee

1 个答案:

答案 0 :(得分:0)

您可以在 Atom控制台上运行两个命令/语句。

从菜单中打开它:pip