以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、启动调试
4、设置断点 + 刷新
4、查看运行状态下的值