Debug d'app electron avec vscode

Debug d'app electron avec vscode

Petit mémo provenant de github.com/Microsoft/vscode-recipes/electron

  1. Installer debugger for chrome : ext install msjsdiag.debugger-for-chrome
  2. Configurer launch.json
  3. Pour débugger le main process, et démarrer l'app, lancer Electron: Main
  4. Pour débugger le render process, il faut que l'appli soit démarrée, car le debugger s'attache à la webview d'eletron (c'est pour cela qu'il faut le debugger-for-chrome)

launch.json

{
  "version": "0.2.0",
  "configurations": [
      {
          "type": "node",
          "request": "launch",
          "name": "Electron: Main",
          "protocol": "inspector",
          "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"
          ]
      }
  ]
}