代码改变世界

react 源码调试

2023-05-12 09:43  Bryran  阅读(135)  评论(0)  编辑  收藏  举报

源码调试初探

VS Code 调试

基于react-dom.development.js的调试

 

1、使用create-react-app 创建项目

2、配置调试配置文件

     跟目录下创建.vscode文件夹，再添加launch.json文件, 内容如下

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

　　

     3、启动项目

     4、在vscode添加调试断点 进行调试