WebStorm 和编辑检查

Question

我正在使用 WebStorm 进行 Ember 开发。具体来说，我是我们的前端人员，负责 HTML/Handlebars 和 CSS 功能。我厌倦了 WebStorm 在我不关心的东西上抛出 CSS 验证错误，比如 IE 兼容性问题。此外，我想“启用”一些高级检查，例如不要告诉我 var 声明无效（因为我们使用的是有效的 css var 声明）。

它也无法识别某些 CSS 规则，例如

-webkit-margin-before

。我不想让它告诉我这些是错误，我知道它们不是。

我因所有噪音而失去信号，我希望减少或消除噪音。但我无法弄清楚如何增强/编辑检查，因为它只是应该检查的内容的“高级”清单。

我假设某个地方有一个我可以编辑的 XML 文件，或者类似的文件？

Answer 1

所有这些错误都可以从 UI 中轻松抑制：在导致警告的语句上按 Alt+Enter，然后按右箭头并选择建议的选项之一：

• “禁用检查”会对所有文件禁用此检查

• “抑制语句”（可用于某些检查）禁用 仅针对当前报表进行检查

• “抑制规则集的所有检查”禁用所有检查， 但仅适用于当前规则集

另请注意，您可以使用右下角的 Hector 图标禁用对特定文件的所有检查：在编辑器中打开 *.css，单击 Hector 图标，然后移动滑块将突出显示级别更改为“语法”（中间的位置） 请参阅 http://www.jetbrains.com/webstorm/webhelp/changing-highlighting-level-for-the-current-file.html

Answer 2

适用于当前 IDE（撰写本文时为 WebStorm 2023.3.2）

选择发生检查警告的属性。在 Mac 上单击选项 + Enter。这将弹出一个菜单；单击检查“无效属性值”选项。

这将在旁边打开另一个菜单，其中有几个选项，例如抑制语句、抑制规则集等。

单击您想要的选项：推荐抑制语句。 这将添加相关注释。对于此选项，如下所示：

/*noinspection CssInvalidPropertyValue*/
  stroke: inherit;