VisualStudioCode vscode에서 기본 디버깅과 프로세스 디버깅

1. 기본 디버깅

vscode의 소스코드창에서 라인넘버 줄에 마우스를 클릭하여 breakpoint를 걸고 F5키를 누르면 디버그 모드로 실행이 된다

 

디버그 모드가 실행되면서 프로젝트의 .vscode 폴더에 launch.json 파일이 생성된다 (그냥 참고)

근데 생각처럼 잘 안됨... 이유모름

 

 

2. 프로세스 디버깅

nodemon을 통해 서버 자동 재시작을 사용하는 경우에는 프로세스 디버그가 필요하다

launch.json에 configuration을 추가해야 하는데

 

아래와 같이 디버그 탭에서 실행버튼을 확장하여 "Add Configuration..."을 선택하여 입력하는 방법과

 

아래와 같이 launch.json 파일을 에디터로 열면 우측 하단에 표시된 "Add Configuration..." 버튼을 클릭하는 방법이 있다

 

Add Configuration 하면 launch.json 에 Configurations에 "Attach by Process ID" 항목이 추가되었다

 

package.json에 추가한 dev 실행 명령어를 선택하여 서버를 실행

 

실행후 디버그탭에서 상단의 RUN콤보를 "Attach by Process ID" 로 선택후 F5키를 누르면 실행중인 process 목록이 보이고 server process를 선택한다