개인 자료 정리 홈페이지 입니다.

Note > vscode에서 react debugger 설정설정하기By a3040, Published on Invalid Date

프로젝트 폴더/.vscode/launch.json 에

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "msedge",
      "request": "launch",
      "name": "Launch Edge against localhost",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}"
    }
  ]
}


내용을 추가 하거나 launch.json파일을 visual studio code에서 열면있는 "add configureation" 버튼를 눌러서 생성합니다.

저 참조위치가면 영상이 있습니다.


이후 프로젝트에서 react를 실행 합니다.

npm start

그리고 나서 vscode에서 방금 설정한 "Launch Edge against localhost"를 실행합니다.


새창이 띄면서 react가 실행된 창이 보입니다.


"url": "http://localhost:3000",  이부분의 포트나 위치는 npm start 에서설정한 포트나 내가 보고 싶은 페이지 주소입니다.
"url": "http://localhost:8080/Memo",