将 VSCode Stylelint 插件降级，并且将 stylelint 版本降级到 v13 及以下。
首先，如果尚未通过npm安装stylelint-scss和stylelint，请执行以下操作：
npm install stylelint stylelint-scss --save-dev
然后您可以安装配置：
npm install stylelint-config-recommended-scss --save-dev
如果您在项目中本地安装了stylelint-config-recommended-scss ，只需将stylelint配置设置为：
" extends " : " stylelint-config-recommended-scss "
npm install stylelint-config-recommended --save-dev
如果您在项目中本地安装了stylelint-config-recommended ，则只需将stylelint配置设置为：
" extends " : " stylelint-config-recommended "
如果您已使用-g标志全局安装了stylelint-config-recommended ，则需要在配置中使用绝对路径来进行stylelint-config-recommended ，例如
" extends " : " /absolute/path/to/stylelint-c
使用 vite 创建的 vue3 项目有点简陋，很多功能都没有。所以本文将讲解一下如何对 vite + vue3 项目配置代码自动格式化。配置完成后的效果如下图所示：
安装 VSCode 插件
打开 VSCode，安装以下插件：
eslint
stylelint
volar
打开 VSCode 配置文件（Maccommand + shift + p，windowsctrl + shift + p，输入settings）。
在配置文件中加入以下代码：
"editor.c...
执行webpack-dev-server的时候就报错了，报错如下：
ERROR in ./src/components/app.vue?vue&type=style&index=0&id=6c0a0fc1&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_...
配置了eslint和stylint规则之后，想要vscode在保存的时候自动帮你格式化修改。你需要安装对应的插件和开启对应的设置选项。本文忽略如果配置eslint和stylint规则，直接讲后面的部分。
1. 在项目中设置推荐安装插件
每个人都可以手动安装这两个插件，但在团队开发中，你无法保证每个成员都会自己手动安装，所以你可以在项目下设置一个.vscode/extensions.json 文件，这样项目被vscode打开就会检测本地是否有这两个插件，没有就会弹出提示。
"recommend
团队合作时，当每个人的代码都拥有自定义的格式化方式时，在提交merge的时候往往要解决很多冲突，此时我们可以使用eslint+stylelint来对团队的代码进行约束。
eslint的配置引入比较简单，网上有比较多的教程，而stylelint的教程大多语焉不详。在这里，我会介绍一下我在引入stylelint所遇到的坑，以及解决方法。
stylelint是一个强大的，现代的代码检查工具，可以帮助你在团队合作中强制执行样式约定。
1. 安装stylelint
yarn add -D s
原因：在scss文件中引入其他scss文件写法错误，使用了：@import url("scss文件路径");解决：需使用 @import 'xxx.scss'
