Visual Studio Code的插件debugging in chrome怎么配置

发布网友发布时间：2022-04-28 17:57

共1个回答

热心网友时间：2022-04-14 06:47

1.配置一个参数就可以启用一个新的Chrome，不用再杀死Chrome的进程了。
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "启动Chrome调试",
"url": "localhost:4200",
"sourceMaps": true,
"runtimeArgs": [
"--disable-session-crashed-bubble",
"--disable-infobars"
],
"trace": true,
"webRoot": "${workspaceRoot}/src",
"userDataDir": "${workspaceRoot}/chrome",
"sourceMapPathOverrides": {
"webpack:///*": "/*"
}
}
]
}
对，就是userDataDir，设置这个属性后就可以很愉快的调试了。
2. 如果sourcemap对应不上，可以在【调试控制台】输入.scripts来查看文件对应的映射路径，非常方便。