vscode中使用Chrome调试F5，在"Run"后选择之前配置好的，如："Launch chrome against

安装插件：Debugger for Chrome
按F5，在项目目录下会自动新建launch.json，打开该文件，增加如下配置：

"configurations":[  {
        "type":"chrome",
        "request":"launch", 
        "name":"Launch chrome against localhost",    //可自定义  
        "url":"http://localhost:8080",       //端口号需与已启动工程的一致    
        "webRoot":"${workspaceFolder}",  
        "breakOnLoad":false, 
        "sourceMapPathOverrides":{      
            "webpack://src/*":"${webRoot}/*"   
        },
        "runtimeExecutable":"d:/...."   //Chrome浏览器的绝对安装路径
    } ]

启动前端工程（如react项目:npm start）
在需要打断点处，添加断点
F5，在"Run"后选择之前配置好的，如："Launch chrome against localhost"。自动启动Chrome。
Over