Web

Tools/vscode

[vscode] VSCode 에서 React Live debug 설정하기

VSCode에서 React 코드를 작성할 때, 코드가 변경됨을 실시간으로 크롬으로 확인할 수 있는 방법이다. 1. Debugger for chrome extension 설치 좌측의 extension 버튼 클릭 후, chrome을 검색하여 debugger for chrome 을 설치한다. 2. launch.json 파일을 생성한다 .vscode 디렉토리에, 아래와 같은 내용을 가진 launch.json 파일을 생성한다. { "version": "0.2.0", "configurations": [ { "name": "Chrome", "type": "chrome", "request": "launch", "url": "http://localhost:3000", "webRoot": "${workspaceRoot}/..

후유증
'Web' 태그의 글 목록