如何在 Visual Studio Code 中创建配置条目以启动服务器和调试量角器测试？答案

【问题标题】：How can I create a configuration entry to start server and debug Protractor tests in Visual Studio Code?如何在 Visual Studio Code 中创建配置条目以启动服务器和调试量角器测试？
【发布时间】：2018-05-14 14:54:03
【问题描述】：

感谢ng e2e，我可以运行服务器，然后针对它执行端到端量角器测试。 npm run ng e2e 命令为我完成这项任务。

现在，我想创建一个 Visual Studio 配置来调试这些测试。根据MSDN blog上的描述在.vscode/launch.json，我创建了一个用于调试量角器测试的配置：

{
    "type": "node",
    "request": "launch",
    "name": "Launch e2e tests",
    "program": "${workspaceRoot}/node_modules/protractor/bin/protractor",
    "stopOnEntry": false,
    "args": ["${workspaceRoot}/protractor.conf.js"],
},

但是它不运行服务器，它只运行测试。结果，它们被标记为失败。

如何修改配置以不仅运行测试，而且首先启动服务器？显然我需要有调试的可能性，比如在 VS Code 中插入断点。

【问题讨论】：

github.com/Microsoft/vscode-chrome-debug/issues/398

标签： angular visual-studio-code protractor

【解决方案1】：

"version": "0.2.0",
"configurations": [
    {
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "program": "${workspaceFolder}/node_modules/@angular/cli/bin/ng",
        "cwd": "${workspaceFolder}",
        "args": [
            "e2e"
        ]
    }
]

【讨论】：

有效！但是，它在构建应用程序期间在控制台上写入了太多信息（它显示了进度）。是否可以在静音模式下运行它？
是不是比手动执行npm run ng e2e输出更多？
它显示了构建应用程序的进度，这是我想要避免的事情。顺便说一句，我决定将构建应用程序和测试分成两个配置，这样我只能在我提交任何代码更改时重新启动测试。
在cmd窗口中手动执行npm run ng e2e是否显示构建应用进度？