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代码设置更改为:

{
  "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" }

此配置仅启用可能的错误规则.这是一个明智的配置,从开始和构建.有超过150个规则内置到stylelint.您可以选择打开并配置任意数量或数量,以满足您的linting需求.