如何同时实时运行 Angular 服务、测试和 lint？

Question

目前，在 Visual Studio Code 中开发 Angular 应用程序时，我已启动 ng serve。

这意味着项目正在开发模式下运行，并且 TypeScript 编译错误显示在控制台中。此外，调试窗口中还会显示一些错误。

此外，由于配置了 lint，我在当前打开的文件中看到了 lint 错误。

它有助于开发应用程序，而无需每次都重新构建它。

但是如果没有打开的文件中存在 linter 错误。我没有看到它，直到我在控制台中调用 ng lint。

测试也是如此。为了找到错误，我需要单独启动 ng test，或者使用 Visual Studio Code 扩展启动测试。

我想要实现的是对我的应用程序进行实时服务、linting 和测试。这样在每次文件更改后，linter 都会检查项目的所有文件是否有错误。并且所有测试也同时执行。

如何根据一次显示输出的文件更改实时运行整个 Angular 应用程序的 linting、测试和服务？

Answer 1

您可以在一个集成终端中运行ng serve，然后通过按+ 图标创建一个新的集成终端。

您可以在新的终端选项卡中运行测试，ng serve 和 ng test 将同时运行。

如果您想通过单个命令同时运行 test 和 serve，请使用 concurrently。

安装包

npm install concurrently --save

并将package.json文件中的start script修改为：

"start": "concurrently \"ng serve\" \"ng test\""

现在通过运行npm start 启动应用程序，这将运行rest 脚本和服务。

ng lint 将在所有文件的列表完成后立即结束，因此最好不要将其包含在启动脚本中。

我建议安装tslint 扩展，它将在编辑器中实时显示 lint 错误。

Lint 错误也可以在集成终端窗口的problems 选项卡中看到。