点击创建 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 时会自动进入断点调试