我正在使用 Angular CLI 和 VSCode，但是当我运行 ng test 时，我的规范文件中的断点似乎都没有被命中？
我需要做一些配置吗？
【问题讨论】：
标签： angular visual-studio-code karma-jasmine angular-cli
【讨论】：
这对我有用：
在您的项目根目录中打开karma.conf.js。在singleRun: false 之后添加,，然后是此部分：
customLaunchers: {
ChromeDebug: {
base: 'Chrome',
flags: [ '--remote-debugging-port=9333' ]
}
}
将配置添加到.vscode/launch.json。
对于版本 8.* - 9.*（注意 "pathMapping 部分！）：
{
"type": "chrome",
"request": "attach",
"name": "Unit tests",
"address": "localhost",
"port": 9333,
"sourceMaps": true,
"webRoot": "${workspaceFolder}",
"pathMapping": {
"/_karma_webpack_": "${workspaceFolder}"
}
},
对于版本 7.*：
{
"type": "chrome",
"request": "attach",
"name": "Unit tests",
"address": "localhost",
"port": 9333,
"sourceMaps": true,
"webRoot": "${workspaceFolder}"
},
运行ng test --browsers ChromeDebug
等待 Chrome 浏览器启动。你会在命令行中看到类似这样的内容：
01 06 2017 16:07:29.276:INFO [launcher]: Launching browser ChromeDebug with unlimited concurrency
在您的.spec.ts 文件之一中设置断点。
在 Visual Studio Code 中选择 Unit tests 调试配置并点击 F5（“开始调试”按钮）。
按 Shift+Ctrl+F5 或刷新 Chrome 窗口以重新运行测试并命中断点。
您还可以修改您的 package.json 并添加一个新脚本：
"test-debug": "ng test --browsers ChromeDebug",
那么下次你想通过调试启动ng test 时只需运行：
npm run test-debug
参考资料：
【讨论】：
ng test？不能是preLaunchTask吗？我已经尝试过，但无法让它很好地工作，但我又不知道自己在做什么。
start something on each debugging session 工作流程都很烦人，这就是为什么我更喜欢手动启动它，这就是我使用"request": "attach" 而不是"request": "launch" 的原因。我的任何调试配置都不使用preLaunchTask，但我可以尝试并使用它。到目前为止你尝试了什么？你有 GitHub gist 或类似的东西吗？
ng test --browsers ChromeDebug --watch=true 是一个不错的选择，等到测试运行后再附加调试器。
您可以简单地添加一个“调试器” 你想调试和运行的地方
ng test
当 chrome 浏览器打开时，打开开发工具，它将在您的“调试器”上停止
【讨论】：
只是添加到其他答案：
ng test。ng test。【讨论】：
在 VSCode (1.14.0) 的新版本中，他们遵循此recipe：
您可以完全调试 Angular 应用程序（包括单元测试），方法很简单。
【讨论】：
Should I create pull request?问题的答案。无论如何，工作配置在这里：github.com/microsoft/vscode-recipes/issues/225（今天在 Angular CLI 8.3.17 和 Angular 8.2.13 上进行了测试）。