使用VSCodeDebugger调试React项目

点击创建 launch.json 文件

端口号改成我们项目的端口号3000即可，保存

"version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "针对 localhost 启动 Chrome", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" } ]

启动 react 项目，npm run dev

启动调试会自动监听 3000 端口项目进行调试

也可以在代码中写 debugger，打开浏览器调试模式，当运行到 debugger 时会自动进入断点调试