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



我希望能够在Dev模式下使用React Developer Tools(例如React Developer Tools(等DevTools扩展程序。我该怎么做?

官方电子文档提到了一种在电子窗口中加载DevTools扩展的方法,但我无法将其应用于Atom。

我在我的.atom文件夹的init.coffee脚本中尝试了以下代码的变体,但是它们都以"您要访问的此方法不存在"的一些变体失败。

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

这使我认为我缺少一些东西。有没有办法从init.coffee加载DevTools扩展,还是我应该尝试其他方法?无论哪种方式,哪种方法是进行最简单的方法?


次要问题:我还找到了这个NPM软件包,该软件包提供了一种简化的方法,可以加载电子中的DevTools扩展。是否有可能在原子中使用它?我认为您不能将节点模块添加到init.coffee

您可以在 Atom Console 中运行两个命令/语句。

从菜单上打开它:View > Developer > Toggle Developer Tools

最新更新