[Ionic2][Visual Studio Code] chrome debugger setting

vscode 에서 프로젝트를 열면 .vscode 폴더가 생기고 설정 파일들이 생성되는데 launch.json이 디버거 런처 관련 설정 파일입니다. 여러가지 옵션으로 디버거를 설정 할 수 있습니다.

.vscode > launch.json

{
"name": "Launch",
"type": "chrome",
"request": "launch",
"url": "http://localhost:8100",
"port": 9223,
"sourceMaps": true,
"trace": true,
"webRoot": "${workspaceRoot}/src"
}

크롬실행 아이콘에서 우클릭 후 속성 창에서 크롬 경로에 하단의 볼드 부분을 추가해줍니다. launch.json 의 port 와 크롬 실행 옵션에 포트가 일치되어야 디버거가 작동합니다.

chrome > right click > properties

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9223

추가로

npm install -g jshint

실행해줍니다.

이미 설치되어 있다면 안해도 되지만 디버거 작동하면 설치하라고 상단에 뜹니다.