Stylelint 不会在 VSCode 中标记错误答案

【问题标题】：Stylelint wont mark errors in VSCodeStylelint 不会在 VSCode 中标记错误
【发布时间】：2022-06-22 18:35:00
【问题描述】：

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 它自己在控制台中运行良好，vscode 不会显示任何错误。

【问题讨论】：

标签： css node.js visual-studio-code sass stylelint

【解决方案1】：

Like Stylelint itself，Stylelint VS Code extension only lints CSS by default。您必须配置扩展以使用 stylelint.validate property 对其他语言（如 SCSS）进行 lint：

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

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

【讨论】：

这对我没有帮助

【解决方案2】：

在我的情况下这不起作用，因为我也有

"stylelint.config": {},

在 settings.json 中，一旦我将其更改为

"stylelint.config": null,

它开始工作了

【讨论】：