Stylelint VScode不工作

Question

我想在我的笔形文本编辑器上使用css链接器“VScode”。我下载并安装了这个插件，然后我制作了"css.validate"：false。但我没有任何框显示我的CSS文件错误。我能做些什么？

Answer 1

如果您第一次开始使用手写笔，那么在Visual代码中启用它有两个关键步骤：

1. 关闭Visual代码的内置CSS链接并打开样式表扩展
2. 创建一个手写笔配置对象并打开一些规则

您可以通过遵循扩展使用说明完成第一步，主要是将Visual代码设置更改为：

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

第二步，在配置文档网站上遵循这个步骤。我相信最快的开始方法是：

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

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

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

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

这个配置只打开可能错误规则。这是一个明智的配置开始和发展。还有内置于150多条规则的手写笔。您可以选择打开并配置尽可能多的或尽可能少的，以满足您的皮棉需求。

Answer 2

对于任何看到这一点并试图链接其他文件扩展名的人，请注意默认情况下为扩展只验证CSS和PostCSS文件。。为了验证文件扩展名(如SCSS )，您需要在.vscode\settings.json中显式地声明

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