VSCode 웹 디버깅

Live Server

Debugger for Chrome

Live Server 기본포트 : 5500

launch.json 

{

// IntelliSense를 사용하여 가능한 특성에 대해 알아보세요.

// 기존 특성에 대한 설명을 보려면 가리킵니다.

// 자세한 내용을 보려면 https://go.microsoft.com/fwlink/?linkid=830387을(를) 방문하세요.

"version": "0.2.0",

"configurations": [

{

"type": "chrome",

"request": "launch",

"name": "localhost에 대해 Chrome 시작",

"url": "http://localhost:5500",

"webRoot": "${workspaceFolder}",

"sourceMaps":true,

"runtimeArgs":[

"--remote-debugging-port=9222"

]

}

]

}

Go Live 로 서버 시작하면 webRoot 에서 시작. index.html

이후 중단점 걸려있는 js 에서 트레이스 가능.