Stylelint不会在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,

这就是我所配置的全部。我在vscodestylelint 1.2.2。Stylelint it self在控制台工作得很好，vscode只是不会显示任何错误。

Answer 1

就像Stylelint自己，Stylelint与代码扩展 默认情况下，只有lints CSS。必须使用属性将扩展配置为链接其他语言(如SCSS )。

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

这将关闭VS代码内置的CSS和SCSS验证器，然后为它们打开Stylelint。

Answer 2

在我的例子中，这是行不通的，因为我还有

"stylelint.config": {},

在settings.json中，有一次我将它更改为

"stylelint.config": null,

它开始工作了