visual-studio-code - 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配置对象并开启一些规则

您可以按照扩展使用说明完成第一步，主要将您的Visual Studio Code 设置更改为：

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

第二步，按照stylelint 网站上的配置文档进行。我相信最快的入门方法是：

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

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

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

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

此配置仅打开可能的错误规则。这是一个明智的开始和构建的配置。stylelint内置了超过 150 条规则。您可以选择打开和配置尽可能多或尽可能少，以满足您的 linting 需求。