vs 调试代码

169 阅读1分钟

以create-react-app创建的脚手架项目为例,在vscode IDE 进行调试 关键两步

1、运行 npm run start

2、配置vsdebug中的launch.json文件

修改下默认的8080端口

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

以上两步都设置好之后,然后点击debug小图标

3、启动调试

image.png

4、设置断点 + 刷新

image.png

4、查看运行状态下的值

image.png