sitelink1 https://code.visualstudio.com/docs/nodejs/nodejs-debugging 
sitelink2  
sitelink3  

1. 기본 디버깅

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

캡처1.JPG

 

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

캡처2.JPG

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

 

 

2. 프로세스 디버깅

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

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

 

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

캡처3.JPG

 

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

캡처4.JPG

 

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

캡처5.JPG

 

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

캡처.JPG

 

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

캡처1.JPG

 

 

번호 제목 글쓴이 날짜 조회 수
78 STS (Eclipse)에서 Language Server 동작 비활성화 하기 file 황제낙엽 2023.12.28 12
77 eclipse 에서 build.gradle 수정시 프로젝트에 자동 반영 황제낙엽 2023.12.28 2
76 IntelliJ 의 ultimate(상용) 와 community(무료) 버전의 차이 file 황제낙엽 2023.11.01 62
75 eclipse tomcat 에 ssl 적용 황제낙엽 2023.09.10 8
74 localhost 는 접속 가능한데 도메인으로는 접속이 불가 황제낙엽 2023.08.13 10
73 remote desktop 에서 vscode 로 작업시 키입력이 되지 않을때 (from bing) 황제낙엽 2023.07.25 11
72 Eclipse, Gradle 프로젝트 생성, Dynamic Web Project 로 변경 황제낙엽 2023.07.12 3
71 로컬 작업 중 모바일로 페이지 확인하는 방법 live server host file 황제낙엽 2023.05.23 1
70 유용한 단축키 모음 - 개발을 누구보다 빠르게 황제낙엽 2023.02.25 1
69 vector 이미지 만들기 황제낙엽 2022.12.22 0
68 자동 import 설정 file 황제낙엽 2022.12.22 0
67 [안드로이드 스튜디오] 자주 쓰는 단축키 20개 황제낙엽 2022.11.11 0
66 Android Studio GitHub 공유하기 및 사용하기 황제낙엽 2022.11.02 0
65 코드 포맷터 (Extension Prettier - Code formatter) file 황제낙엽 2021.01.16 10
64 디버깅 관련 (SourceMap, Debugger for Chrome, Node.js) 황제낙엽 2020.08.18 9
» vscode에서 기본 디버깅과 프로세스 디버깅 file 황제낙엽 2020.08.16 83
62 웹 UI 개발을 위한 Visual Studio Code 설정 황제낙엽 2020.05.23 86
61 APK파일 생성 (명령줄에서 앱 빌드) 황제낙엽 2019.10.08 283
60 Analyze APK 황제낙엽 2019.10.08 245
59 405 RA layer request failed file 황제낙엽 2019.07.21 158