样式在VSCode中不会标记错误

Question

VScode没有显示任何样式错误。

package.json:

...
"postcss": "^8.4.12",
"postcss-scss": "^4.0.3",
"stylelint": "^14.7.1",
"stylelint-config-sass-guidelines": "^9.0.1",

.stylelintrc.json:

{
"extends": "stylelint-config-sass-guidelines",
"files": ["**/*.scss"],
"customSyntax": "postcss-scss",
"rules": {
"color-named": "always-where-possible",
"max-nesting-depth": 5,
"selector-max-compound-selectors": 6,
"selector-no-qualifying-type": [
true,
{
"ignore": ["attribute", "class", "id"]
}
],
"selector-max-id": 1,
"no-extra-semicolons": true
}    
}

vscode settings.json

...
"stylelint.enable": true,
"css.validate": false,
"scss.validate": false,
"less.validate": false,

这是我所有的配置。我在vscodestyelint 1.2.2。style - int在console中工作的很好，vscode不会显示任何错误。

Answer 1

就像Stylelint本身一样，默认情况下，Stylelint VS Code扩展只检测CSS。您必须使用stylelint.validate属性配置扩展以检测其他语言，如SCSS:

// vscode settings.json
...
"css.validate": false,
"scss.validate": false,
"stylelint.validate": ["css", "scss"],

这将关闭VS Code对CSS和SCSS的内置验证器，然后为它们打开样式标记。

Answer 2

在我的例子中，这不起作用，因为我还有

"stylelint.config": {},

设置。一旦我把它改成

"stylelint.config": null,

it started working

Answer 3

对我来说，修复是包括postcss作为一个值为样式int验证，因为我使用postcss。我认为只是包括[ "css", "scss" ],值会起作用，因为这些是我使用的文件扩展名，但是我猜是技术的问题吧?

无论如何，在VS Code设置中添加/编辑stylelint.validate选项:

"stylelint.validate": [ "css", "scss", "postcss" ],