执行 npm install -D stylelint postcss-html stylelint-config-recommended-vue stylelint-config-standard stylelint-order stylelint-prettier postcss-less stylelint-config-property-sort-order-smacss
安装依赖，这里是less，sass换成postcss-scss、stylelint-config-standard-scss

根目录创建.stylelintrc.json

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-property-sort-order-smacss"
  ],
  "plugins": ["stylelint-order", "stylelint-prettier"],
  "overrides": [
    {
      "files": ["**/*.(css|html|vue)"],
      "customSyntax": "postcss-html"
    },
    {
      "files": ["*.less", "**/*.less"],
      "customSyntax": "postcss-less",
      "extends": [
        "stylelint-config-standard",
        "stylelint-config-recommended-vue"
      ]
    }
  ],
  "rules": {
    "color-function-notation": "legacy"
  }
}

规则rules按需要自己配，规则配置文档
如果是sacc，overrides把less换成sass

{
  "files": ["*.scss", "**/*.scss"],
  "customSyntax": "postcss-scss",
  "extends": [
    "stylelint-config-standard-scss",
    "stylelint-config-recommended-vue/scss"
  ],
  "rule": {
    "scss/percent-placeholder-pattern": null
  }
}

安装stylelint插件
- Ctrl + Shift + p -> Settings找到用户设置

添加stylelint配置

"stylelint.validate": ["css", "less", "postcss", "scss", "sass", "vue"],
"editor.codeActionsOnSave": {
"source.fixAll.stylelint": true,
"source.fixAll": true
},
// stylelint配置
"stylelint.enable": true