Stylelint VScode 不起作用

Question

我想在我的 VScode 文本编辑器上使用 css linter "stylelint"。 我下载了插件并安装了它，然后我制作了“css.validate”：false。但我没有任何框显示我的 CSS 文件错误。我该怎么办？

Answer 1

如果您是第一次开始使用 stylelint，在 Visual Studio Code 中启用它有两个关键步骤：

1. 关闭 Visual Studio Code 的内置 CSS linter 并打开 stylelint 扩展
2. 创建一个 stylelint configuration object 并开启一些规则

你可以按照extension usage instructions完成第一步，主要是把你的Visual Studio Code settings改成：

{
  "stylelint.enable": true,
  "css.validate": false,
  "scss.validate": false
}

第二步，关注 stylelint 网站上的configuration documentation。我认为最快的入门方法是：

1. 使用 npm 将推荐的配置安装到您的项目中：

npm install --save-dev stylelint-config-recommended

1. 创建一个.stylelintrc 文件，扩展项目根目录中的推荐配置：

{ "extends": "stylelint-config-recommended" }

此配置仅启用 possible error 规则。这是一个明智的开始和构建的配置。 stylelint 内置了over 150 rules。您可以选择打开和配置任意数量或数量，以满足您的 linting 需求。