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",