调试项目

调试配置

下面介绍在vscode中调试electron项目，微软有一个仓库 vscode-recipes 提供了vscode的 launch.json 常用开发语言的配置。

下面我们使用 vscode-recipes 的 electron debug 配置，首先在 vscode 中创建 launch.json 文件。

然后将 vscode-recipes 的 electron debug 配置荐粘贴进去，其中包含了主进程与渲染进程的调试配置。

  {
      "version": "0.2.0",
      "configurations": [
          {
              "type": "node",
              "request": "launch",
              "name": "Electron: Main",
              "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
              "runtimeArgs": [
                  "--remote-debugging-port=9223",
                  "."
              ],
              "windows": {
                  "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron.cmd"
              }
          },
          {
              "name": "Electron: Renderer",
              "type": "chrome",
              "request": "attach",
              "port": 9223,
              "webRoot": "${workspaceFolder}",
              "timeout": 30000
          }
      ],
      "compounds": [
          {
              "name": "Electron: All",
              "configurations": [
                  "Electron: Main",
                  "Electron: Renderer"
              ]
          }
      ]
  }