Stylelint VScode不起作用

Question

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

Answer 1

如果您是第一次使用stylelint ，那么在Visual Studio代码中启用它有两个关键步骤：

1. 关闭Visual Studio Code的内置CSS linter并打开stylelint扩展
2. 创建样式清单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需求。