Visual Studio Code 최초 사용기(Chrome 디버깅)

Visual Studio Code를 최초 깔고 나서 

이것저것 하면서 디버깅을 해도 이상하게 안되는 부분들이 존재

 

이분글 보고 대충 파악됨

https://codens.info/1671  <--- 참고하세요.

 

 

중요한건

> Chrome 설치 되어 있어야하고

> Extension에 Debugger for Chrome 설치 되어 있어야 하고

 

이후 샘플 코드 추가후

html, js 파일 만들고 나서 F5를 눌러서 Chrome를 선택하면 launch.json 파일이 만들어 진다.

여기에 아래 내용으로 수정

 

{

// Use IntelliSense to learn about possible attributes.

// Hover to view descriptions of existing attributes.

// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387

"version": "0.2.0",

"configurations": [

{

"name": "Launch index.html",

"type": "chrome",

"request": "launch",

"file": "${workspaceFolder}/index.html"

},

{

"name": "Attach Chrome",

"type": "chrome",

"request": "attach",

"port": 9229,

"url": "http://localhost/index.html",   <-- 여기에 index.html을 시작하는 html이름으로 변경

"webRoot": "${workspaceFolder}/index.html"    <-- 여기도 시작 html을 변경해준다.

},

]

}