美文网首页
vs-code 使用debugger for chrome插件

vs-code 使用debugger for chrome插件

作者: 丰起云啸 | 来源:发表于2019-04-22 16:09 被阅读0次

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打开只有一个项目

相关文章

网友评论

      本文标题:vs-code 使用debugger for chrome插件

      本文链接:https://www.haomeiwen.com/subject/kpxugqtx.html