vscode 调试 react 项目

2019-10-06 21:01:24 浏览数 (2)

主要分为以下三个步骤

  1. 安装 debug for chrome
  2. 配置 launch.json 文件 配置内容如下
代码语言：javascript复制
{
    "version": "0.2.0",
    "configurations": [{
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome",
        "url": "http://localhost:3000",  // 改为目标 url
        "sourceMaps": true,
        "webRoot": "${workspaceFolder}",
        "skipFiles": [
            "node_modules/**"
        ],
        "sourceMapPathOverrides": {
            "webpack:///*": "${webRoot}/*"
        }
    }]
}
  1. 打断点，在 Debug 模块启动调试
本配置参考 csdn 博客进行配置，详细链接在此 链接
json chrome debug launch 调试

0 人点赞