如何将 DevTools 扩展添加到 Atom 编辑器？答案

【问题标题】：How can I add DevTools extensions to the Atom editor?如何将 DevTools 扩展添加到 Atom 编辑器？
【发布时间】：2018-09-11 13:49:26
【问题描述】：

我希望能够在开发模式下将 React Developer Tools 等开发工具扩展用于 Atom。我该怎么做？

官方 Electron 文档 mentions a way 用于在 Electron 窗口中加载 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 扩展，或者我应该尝试其他方法吗？无论哪种方式，哪种方法最简单？

第二个问题：我还找到了this npm package，它提供了一种在 Electron 中加载 devtools 扩展的简化方法。是否可以在 Atom 中使用它？我认为您不能将节点模块添加到 init.coffee。

【问题讨论】：

标签： electron atom-editor react-devtools

【解决方案1】：

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

从菜单中打开它：View > Developer > Toggle Developer Tools。

【讨论】：