vs코드에서 JS 디버깅하기

 vscode에서 JS로 코딩공부를 하고 있는데 디버깅을 어떻게 하는지 몰라서 검색을 하게 됐습니다.

 

 vs코드에서 js 디버깅 하기를 찾아보면 거의 브라우저를 열면서 하는 법만 나와있더라구요...

 

조금 더 검색을 하며 찾은 방법을 공유 합니다!

 

 

1. 우선 node.js를 설치되어 있어야 합니다. (https://nodejs.org/ko/)

 

2. ctrl+F5를 눌러 consol.log()를 찍어봅니다.

 

3. .vscode 폴더에 생성된 launch.json을 열어서 다음과 같이 입력해 줍니다.

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "js 디버깅",
            "program": "${file}"
        }
    ]
}

 

 

참고 자료 :demun.github.io/vscode-tutorial/debug/

Debug - Visual Studio Code tutorial