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