Electron VsCode 에서 Debugging(디버깅) 하는 법

Electron Framework 를 VsCode에서 개발진행하는 경우 디버깅을 하기 위해서는 설정이 필요하다.

다음 그림과 같이 내부 .vscode 폴더를 만든 후 launch.json 파일을 만들어준다.

launch.json  내용은 다음과 같다.

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

args 내에 index.js 실행파일 위치만 변경해주면 된다.

추가 아규먼트를 같이 추가하고 싶은 경우 args 내 배열 1번째이므로  추가하면 된다.