手把手一步步教你webstorm stylelint14如何配置（ vite+vue3+sass ）

创建新项目后运行以下代码

npm i stylelint -D
npm i stylelint-config-recommended-vue -D
npm i stylelint-config-standard-scss -D
npm i stylelint-config-recommended-vue -D     

在项目中创建.stylelintrc.json文件，并添加以下代码

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-standard-scss",
    "stylelint-config-recommended-vue/scss"
  ],
  "plugins": ["stylelint-scss"]
}

打开webstorm文件->设置

搜索stylelint

在针对以下文件运行里，补充上vue和scss，点击确定

{**/*,*}.{css,vue,scss}

此时可以看到webstorm已经对vue里的<style scoped></style>给出了警告，点击修复即可自动修复那些可以自动修复的错误，对scss文件也是一样，给vue里的style加上lang=scss也可以生效 如果想要使用自己的规则，移步stylelint官网查找并配置rules即可

若出现问题可以在评论区回复，我继续研究方法