使用VSCode Debugger 调试 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 时会自动进入断点调试