在 VS Code 中调试 Angular 代码时如何跳过库

Question

我有一个正在尝试调试的角度项目，但是，当我进行调试过程时，它会进入 @angular/core 和 ts-lib 。这些是包含很多步骤的巨大文件。有没有办法跳过外部代码？

这是我的 launch.json：

"version": "0.2.0",
"configurations": [
    {
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome against localhost",
        "url": "http://localhost:4200/silverlakeopc",
        "webRoot": "${workspaceFolder}",
        "skipFiles": ["!**/node_modules/**"]
    }
]

}

当我添加“skipFiles”行时，它现在会跳过我的所有代码。我只是想跳过外部库。

我努力了：

1. 在 VS Code 中调试时如何跳过外部代码
2. 如何在可视代码中调试 Angular 7 库
3. 如何从 VS --debugger-- 中排除节点模块和节点内部组件？

这是我的工作区结构的屏幕截图：

Answer 1

您无法在 VSCode 中设置它，但这里有一个名为 的解决方法Blackboxing：

它是一个可以用来跳过库检查以在浏览器中进行调试的工具。

要在 Firefox 中设置，请查看此处

要在 Chrome 中进行设置，请查看此处

从 Chrome v75 及更高版本开始，控制台设置中有一个名为Blackboxing您可以在其中设置脚本的部分，并且Ignore List在早期版本中它的名称已更改。