vs-code 使用debugger for chrome插件

1.vs-code商店下载debugger for chrome
2.配置 config/index 增加
module.exports = {
configureWebpack: {
devtool: 'source-map'
}
}
3.在vs-code 点击调试，增加调试
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0", //版本
"configurations": [ //配置域

    {
        "type": "chrome",
        "request": "launch",   //
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:8024",  //对应你开启的端口
        "webRoot": "${workspaceFolder}"   //作用域  ${workspaceFolder}表示vs-code打开的路径
    } 
]

}
4.注意点配置作用域是${workspaceFolder}的时候，vs-code打开只有一个项目