在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

TL; DR

这是.stylelintrc文件的有效示例，它使VS Code忽略了JS / JSX文件：

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

别忘了更改后重新启动 VS代码！

---

说明

用于VS Code的Stylelint扩展名为.stylelintrc，因此您可以使用ignoreFiles key来阻止VS Code在某些文件类型上插入样式。

从文档的角度看，您也可以使用.stylelintignore文件，但是它对我不起作用，因为VS Code似乎忽略了该文件。

Answer 2

您正在寻找的是stylelint的配置文件。大多数棉绒ESLint，JSLint，stylelint ...都具有向棉绒添加定制的功能。例如，流行的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/这些是您可以配置的规则。

祝你好运！