在文件保存时将 Angular 配置为“ng lint”

Posted 2023-03-13

【中文标题】在文件保存时将 Angular 配置为“ng lint”

【英文标题】：Configure Angular to 'ng lint' on file save

【发布时间】：2020-10-21 22:30:18

【问题描述】：

我设置了一个自定义的tslint.json 配置，它可以正常工作。

当我使用ng start 时，我只能看到tsc（TypeScript 编译器）错误输出。但我也想看到 tslint 错误。我不想明确地执行ng lint。我想在开发过程中看到tslint 错误，保存文件。

我知道我可以将 ng lint 包含在 CI 流程中，但我不喜欢这种方式。

我找了很多，但我还没有找到任何东西。

有没有像Vue那样简单的方法？

谢谢！

【问题讨论】：

只需在package.json中添加一个脚本"lint_and_start": "ng lint && ng start"。

@mamichels 如果您阅读问题的标题，您会看到我希望将其保存/更改。

您应该检查一下您的 IDE。对于 JetBrains IDE，可以轻松地将项目 tslint.json 包含在“实时 linting”中。

@mamichels 我不想使用 IDE 插件。我希望它作为安全性对项目具有限制性。我在帖子中找到了解决方案。

【参考方案1】：

我找到了一个干净的方法。我用 npm https://github.com/typicode/husky 安装。

Husky 让我声明一个预提交钩子，其中包含npm run lint。如果 lint 失败，则会引发错误。