[ELECTRON] vscode에서 디버깅 환경 설정

Electron 앱을 vscode를 사용해서 개발할 때 main process를 디버깅하려면 아래 절차를 따릅니다.

 

1. .vscode/launch.json 파일 추가.

 

Electron 프로젝트 폴더에 .vscode 폴더를 만들고 그 안에 launch.json 파일을 추가합니다.

 

2. 디버깅 환경 설정.

 

launch.json 파일에 아래 내용을 추가합니다.

 

{
  "version": "0.2.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" : ["."],
      "outputCapture": "std"
    }
  ]
}

 

 

3. F5키를 눌러 디버깅 모드로 앱이 실행되는지 확인합니다.

 

 

* 원문은 아래 문서입니다.

https://www.electronjs.org/docs/tutorial/debugging-main-process-vscode

VSCode 에서 메인 프로세스 디버깅하기 | Electron