Debug d'app electron avec vscode
Petit mémo provenant de github.com/Microsoft/vscode-recipes/electron
- Installer debugger for chrome :
ext install msjsdiag.debugger-for-chrome
- Configurer launch.json
- Pour débugger le main process, et démarrer l'app, lancer
Electron: Main
- 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"
]
}
]
}