Electron 浏览器窗口的开发工具 devtools 只能调试在该窗口中执行的 JavaScript（比方 web 页面）。要调试在主过程中执行的 JavaScript，咱们须要应用内部调试器。Electron 提供了 --inspect 和 --inspect-brk 开关来实现这一操作。

命令行开关

咱们能够应用如下的命令行开关来调试 Electron 的主过程。

  • --inspect=[port] ：当这个开关用于 Electron 时，它将会监听 V8 引擎中无关 port 的调试器协定信息，默认的 port 的值为5858。例如上面这个命令：
electron --inspect=5858 .src/main.js
  • --inspect-brk=[port]：和--inspector 一样，然而会在 JavaScript 脚本的第一行暂停运行。

主过程调试

在根目录下增加一个 .vscode/launch.json 文件并应用以下配置：

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

而后在 VSCode 中找到如下所示图标，点击右上角的设置，会关上新建的 launch.json 文件，如下图：

而后点击左上角的绿色三角形按钮：

接着在 main.js 主过程中进行断点调试即可：