Visual Studio Code 최초 사용기(Chrome 디버깅)
Etc 2019. 8. 19. 14:13 |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을 변경해준다.
},
]
}