vue3使用eslint配置

Vue3项目中使用ESLint是为了提供代码规范检查、潜在错误检测和统一编码风格。下面是配置Vue3项目使用ESLint的基本步骤：

1. **安装依赖**：
首先，你需要确保已经全局安装了`eslint` 和 `@vue/cli-plugin-eslint`。运行命令：

   npm install -D eslint @vue/cli-plugin-eslint

2. **初始化ESLint配置**：
如果你使用的是Vue CLI 4.x及以上版本，`vue-cli` 已经内置了对 ESLint 的支持。在`vue.config.js`文件中，找到`transpileDependencies`选项，添加`eslint` 到其中：

   module.exports = {
     // ...
     transpileDependencies: ['eslint'],
   };

3. **创建`.eslintrc`文件**：
创建一个名为`.eslintrc.js` (或`.eslintrc.json`)的文件，这是项目的ESLint配置文件。可以基于官方规则（Airbnb、standard等）定制规则。例如：

   {
     "rules": {
       // 规则配置...
     },
     "parserOptions": {
       "ecmaVersion": 2022, // 根据Vue3的兼容性选择合适的ECMAScript版本
       "sourceType": "module",
       "parser": "@typescript-eslint/parser" // 如果项目使用TypeScript
     }
   }

4. **运行ESLint**：
使用`npm run lint` 或者 `yarn lint`命令来运行ESLint检查。

5. **配置自动修复**（可选）：
如果你想在保存代码时自动应用一些修复，可以安装`eslint-plugin-auto-fix`插件，并在`package.json`的scripts中设置`lint:fix`命令。