vue3配置stylelint，利用stylelint让css更加规范

在Vue 3项目中配置Stylelint，首先需要安装stylelint及其相关的插件。以下是安装和配置的步骤：

1. 安装stylelint及其相关插件：

npm install --save-dev stylelint stylelint-config-standard stylelint-webpack-plugin

2. 在项目根目录下创建一个.stylelintrc.js配置文件：

module.exports = {
  extends: 'stylelint-config-standard',
  rules: {
    // 在这里添加或覆盖规则
  }
};

3. 如果你使用的是webpack，可以配置stylelint-webpack-plugin：

// webpack.config.js
const StylelintPlugin = require('stylelint-webpack-plugin');
 
module.exports = {
  // ...
  plugins: [
    new StylelintPlugin({
      files: ['**/*.{vue,css,scss,sass}'],
    }),
  ],
  // ...
};

4. 如果你使用的是Vite，可以通过Vite插件进行配置：

   首先安装vite-plugin-stylelint：

npm install --save-dev vite-plugin-stylelint

然后在Vite配置文件中添加插件：

// vite.config.js
import stylelintPlugin from 'vite-plugin-stylelint';
 
export default {
  plugins: [
    stylelintPlugin({
      files: ['**/*.{vue,css,scss,sass}'],
    }),
  ],
};

以上步骤完成后，Stylelint将会在你运行构建或开发服务器时对CSS文件进行lint检查，帮助你维护代码风格的一致性。