在 WebStorm 中显示 codelyzer 错误

Posted

技术标签:

【中文标题】在 WebStorm 中显示 codelyzer 错误【英文标题】:Show codelyzer errors in WebStorm 【发布时间】:2020-03-30 11:25:17 【问题描述】:

在我的Angular 9 应用程序中,我设置了一些codelyzer 规则,以便通过将accessibility checks 等template-accessibility-label-for 添加到我的tslint.json 文件中。

使用ng lint 时,规则正确工作,这将正确捕获任何错误。

但是,我的 WebStorm IDE 中没有任何错误,这很奇怪,因为我通常也会在那里收到 TSLint 警告。

如何在 WebStorm 中启用 codelyzer 警告?

【问题讨论】:

您是否尝试过转到“文件/设置/语言和框架”并手动配置 tslint 以使用您的 tslint.json 文件? 【参考方案1】:

TSLint 集成目前不支持 linting html 文件;请投票给WEB-27479,以便在任何更新时收到通知。

工作正在进行中,但存在一些问题:

错误偏移量略有错误 (https://github.com/mgechev/codelyzer/issues/859) 无法通过 TSLint API 传递 html 模板文件内容,因此我们必须自动保存文件而不是将代码传递给 linter。这将产生副作用,例如每次更改时在浏览器中重新加载应用程序,因为 Angular cli 热重新加载适用于文件保存

【讨论】:

以上是关于在 WebStorm 中显示 codelyzer 错误的主要内容,如果未能解决你的问题,请参考以下文章

WebStorm在WebStorm中Git菜单不显示?WebStorm如何做到右键菜单出现Git&右下角出现分支信息

WebStorm在WebStorm中Git菜单不显示?WebStorm如何做到右键菜单出现Git&右下角出现分支信息

为啥 WebStorm 在 Vue 组件或 .graphql 文件中的 apollo 对象内的 gql 查询中显示错误

webstorm显示“在此系统中禁止执行脚本”的解决方法

webstorm 高亮显示某一种类型文件

WebStorm 中 ESLint 错误的不同突出显示样式