eslint-plugin-vue 如何自动修复

`eslint-plugin-vue` 是 Vue.js 的官方 ESLint 扩展插件，它提供了一套规则来检查 Vue.js 项目的代码风格和潜在问题。如果你希望让 `eslint-plugin-vue` 自动修复一些错误或不符合规范的部分，你可以使用它的内置支持结合配置文件来自动化这个过程。

1. **安装**：首先确保已安装了 ESLint 和 Vue CLI（如果尚未安装）。然后通过 npm 或 yarn 安装 `eslint-plugin-vue`：

   npm install --save-dev eslint eslint-plugin-vue
   # 或者
   yarn add -D eslint eslint-plugin-vue

2. **配置 `.eslintrc` 文件**：在项目根目录下创建或编辑`.eslintrc` 或`.eslintrc.js` 配置文件，加入 `vue` 插件，并启用你想自动修复的规则。例如：

   {
     "plugins": ["@vue/extension-eslint"],
     "rules": {
       "@vue/html-closing-bracket-newline": "error", // 指定一个想自动修复的规则
       "vue/html-indent": ["error", 2] // 设置缩进规则
     }
   }

3. **运行校验并修复**：通过命令行运行 ESLint 并指定 `--fix` 参数来触发自动修复：

   npx eslint --ext .vue --fix src/
   # 或者
   vue-cli-service lint --fix

请注意，不是所有规则都支持自动修复功能，有些规则可能需要手动修改代码。另外，在运行自动修复前，最好先备份代码以防意外。