ESLint 自动修复为啥不生效？

馨月提问于 2026-03-14 16:28:21 阅读 23

工具

我在 VS Code 里用 ESLint 插件，保存时明明开了 auto-fix，但有些规则还是没自动修，比如这个 Vue 组件里的缩进问题：

<template>
  <div>
    <p>Hello World</p>
  </div>
</template>

<script>
export default {
name: 'TestComponent' // 这行应该缩进两个空格，但保存后没变
}
</script>

我已经装了 eslint-plugin-vue，也配了 .eslintrc.js，可这行就是不自动修复，是配置漏了啥吗？

Auto-fix

我来解答赞 16 收藏

反馈

1 条解答

一然的笔记 Lv1

Vue 的 script 部分缩进不归 eslint-plugin-vue 管，那是普通 ESLint 的活。

在 .eslintrc.js 里加这个规则：

module.exports = {

  extends: [

    'plugin:vue/essential',

    'eslint:recommended'

  ],

  rules: {

    'indent': ['error', 2],

    'vue/script-indent': ['error', 2]

  }

}

如果还不行，去 VS Code 设置里确认下：

{

  "eslint.validate": [

    "javascript",

    "javascriptreact",

    "vue"

  ]

}

改完重启 ESLint 服务，右键点文件手动 fix 一下试试。

2026-03-16 23:10