javascript - 如何一步步调试一个Electron App主流程？

Question

我尝试过 devtron(它提供了很多检查工具，但不允许您逐步调试 Electron 应用程序。)

我还尝试了 Electron 检查器和 Electron 检查器。

随着新版本Electron的发布。 Electron 检查员的重建工作正在中断。我已经提出了错误here

Answer 1

使用 node-inspector 或 electro-inspector 的任何其他方法不适用于 Electron 版本 1.6.x。

经过大量研究，逐步调试 Electron 应用程序的唯一简单且开箱即用的方法是 Visual Studio 代码，只需安装它即可。

在源应用目录中创建文件夹 .vscode 创建文件 launch.json 并添加

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Main Process",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceRoot}",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd",
      "program": "${workspaceRoot}/main.js"
    }
  ]
}

按 F5 或(调试 --> 开始调试)。你的断点将会命中。

步骤复制自 https://electron.atom.io/docs/tutorial/debugging-main-process-vscode/