为 WordPress 格式化 SCSS

Formatting SCSS for WordPress

我正在尝试配置一个 visual studio 代码项目以根据 WordPress 标准格式化 SCSS 代码。到目前为止，我已经完成了以下操作，但没有错误指示，保存时也没有格式化。

安装了 stylelint 扩展，还安装了 prettier。

安装了 stylelint-config 包：
npm install @wordpress/stylelint-config --save-dev

将以下行添加到 package.json 以格式化 SCSS：

“stylelint”：{
“扩展”：“@wordpress/stylelint-config/scss”
},

保存时未显示错误且未更正格式。

我启用了'format on save'。

因为我希望 stylelint 格式化代码，所以我将以下行添加到 settings.json 以使用 stylelint 而不是 prettier 来格式化 SCSS：

"[scss]": {
        "editor.formatOnSave": false,
        "editor.codeActionsOnSave": {
            "source.fixAll.stylelint": true
        }
    }

现在我不知道该尝试什么。

有人有什么想法吗？

如果相关，我正在使用 Windows 8.1.

史蒂夫

official Stylelint VS Code extension will only lint CSS and PostCSS by default.

您应该使用指定 "scss" stylelint.validate 属性:

{
  "stylelint.validate": ["css", "scss"]
}

然后您可以使用 ignoreFiles 配置 属性 忽略您不想 lint 的文件，例如：

"stylelint": {
  "extends": "@wordpress/stylelint-config/scss",
  "ignoreFiles": ["build/*.css"]
},