调试

在 Electron 应用中，主进程和渲染进程具有不同的调试机制。

• 渲染进程可以使用 Chromium DevTools 进行调试。

• 主进程可以通过 --inspect 和 --inspect-brk 命令行标志进行调试。

本指南介绍了通过命令行或代码编辑器调试主进程的 Forge 特定方法。

本指南中的每个部分都假设您的 package.json 文件包含一个 "start": "electron-forge start" 脚本。

有关调试 Electron 应用的更多常规信息，请参阅 Electron 应用调试主文档。

命令行调试

运行 electron-forge start 时，您可以指定 --inspect-electron 标志。在内部，这将激活 Electron --inspect 标志，并且主进程将在端口 5858 上侦听调试客户端。

npm run start -- --inspect-electron

应用激活后，在任何基于 Chromium 的浏览器中打开 chrome://inspect 以将调试器附加到应用的主进程。

要在调试时在第一行执行代码处添加断点，您可以使用 Forge 的 --inspect-brk-electron 标志。

使用 VS Code 进行调试

要通过 VS Code 调试主进程，请添加以下 Node.js 启动配置

.vscode/launch.json

{
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Electron Main",
      "runtimeExecutable": "${workspaceFolder}/node_modules/@electron-forge/cli/script/vscode.sh",
      "windows": {
        "runtimeExecutable": "${workspaceFolder}/node_modules/@electron-forge/cli/script/vscode.cmd"
      },
      // runtimeArgs will be passed directly to your Electron application
      "runtimeArgs": [
        "foo",
        "bar"
      ],
      "cwd": "${workspaceFolder}",
      "console": "integratedTerminal"
    }
  ]
}

添加此配置后，通过 VS Code 的“运行和调试”视图启动应用以开始调试。

使用 WebStorm 或其他 Jetbrains IDE 进行调试

1. 访问 运行 > 调试... 菜单，然后选择 编辑配置... 选项以打开 运行/调试配置 窗口。

2. 单击左上角的 添加新配置 按钮（+ 图标），然后选择 npm 模板。

3. 在 脚本 下拉菜单中，选择 start。

4. 单击 调试 以开始调试您的应用。