visual-studio-code - 在 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 扩展报告这样的事情？如您所见，它并不是特别有用：P

更新：

澄清一下，我有一个.stylelintrc配置文件，我的规则是我想要的，但我希望它对我的样式而不是我的 JavaScript 进行 lint。扩展描述说：

stylelint 自动验证具有以下语言标识符的文档：

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

Answer 1

TL;博士

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

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

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

---

解释

VS Code 的 Stylelint 扩展读取.stylelintrc，因此您可以使用ignoreFiles 键来阻止 VS Code 对某些文件类型进行 linting 样式。

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

Answer 2

您正在寻找的是 stylelint 的配置文件。大多数 lint 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/这些是您可以配置的规则。

祝你好运！