在 React JavaScript 文件中禁用 VS Code Stylelint 错误

Question

[stylelint] Unexpected missing end-of-source newline (no-missing-end-of-source-newline)
[stylelint] Expected "backgroundColor" to be "backgroundcolor" (value-keyword-case)
[stylelint] Expected a trailing semicolon (declaration-block-trailing-semicolon)

如何阻止 VS Code Styleint extension 报告此类事件？如您所见，它并不是特别有用：P

更新：

澄清一下，我有一个 .stylelintrc 配置文件，我的规则是我想要的，但我希望它检查我的样式而不是我的 JavaScript。 extension description 表示：

stylelint automatically validates documents with these language identifiers:

...并且 javascriptreact 是其中一种语言标识符。我想知道如何阻止扩展程序验证 javascriptreact 文档。

Answer 1

您要查找的是 stylelint 的配置文件。大多数 linters ESLint、JSLint、stylelint……都具有向 lint 添加自定义的能力。例如，流行的 ESlint 配置是 AirBnB ESlint 配置。您基本上是从 AirBnB 复制配置并将其放入 .eslintrc.* 文件中。这将覆盖 ESlint 配置的默认设置。你想为 stylelint 做一些类似的事情，考虑到这是一个扩展，要覆盖的设置可能就在 VS 代码设置中，（Ctrl + 或 Cmd + ,），寻找 stylelint 设置。

https://stylelint.io/user-guide/example-config/ 这是一个示例配置。 https://stylelint.io/user-guide/rules/这些是您可以配置的规则。

祝你好运！

Answer 2

TL;DR

这是一个 .stylelintrc 文件的工作示例，它使 VS Code 忽略 JS/JSX 个文件：

{
  "ignoreFiles": [
    "**/*.js",
    "**/*.jsx"
  ]
}

不要忘记在更改后重新启动 VS Code！

说明

VS Code 的 Stylelint 扩展读取 .stylelintrc，因此您可以使用 ignoreFiles key 来阻止 VS Code 在某些文件类型上检查样式。

根据文档，您也可以使用 .stylelintignore 文件，但它对我不起作用，因为 VS Code 似乎忽略了该文件。

在 React JavaScript 文件中禁用 VS Code Stylelint 错误

Disable VS Code Stylelint errors in React JavaScript files

visual-studio-code

stylelint

TL;DR

说明