在 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 自动验证具有这些语言标识符的文档：

...而javascriptreact 是这些语言标识符之一。我想知道如何阻止扩展验证javascriptreact 文档。

Answer 1

您正在寻找的是 stylelint 的配置文件。大多数 linter ESLint、JSLint、stylelint ......都具有向 lint 添加自定义的能力。例如，流行的 ESlint 配置是 AirBnB ESlint 配置。您基本上从 AirBnB 复制配置并将其放入 .eslintrc.* 文件中。这将覆盖 ESlint 配置的默认设置。您想为 stylelint 做类似的事情，考虑到这是一个扩展，要覆盖的设置可能就在 VS Code 设置中（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 对某些文件类型进行 linting。

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