Nuxt项目中ESLint校验.vue文件template缩进报错该如何配置

第一步：安装必要依赖 #

首先确保项目已安装.vue文件解析相关的ESLint依赖：

npm install eslint-plugin-vue vue-eslint-parser --save-dev

如果是TypeScript项目，额外安装：

npm install @typescript-eslint/parser --save-dev

第二步：配置ESLint识别.vue文件 #

修改项目根目录下的.eslintrc.js（或.eslintrc.json、.eslintrc.yaml）配置文件：

module.exports = {
  // 定义扫描的文件类型
  files: ['*.js', '*.ts', '*.vue'],
  // 使用vue专属解析器识别单文件组件结构
  parser: 'vue-eslint-parser',
  parserOptions: {
    // <script>块内部的解析器，JS项目用@babel/eslint-parser，TS项目替换为@typescript-eslint/parser
    parser: '@babel/eslint-parser',
    ecmaVersion: 'latest',
    sourceType: 'module'
  },
  extends: [
    'eslint:recommended',
    // 启用vue官方推荐规则集，可根据需求替换为plugin:vue/essential（基础规则）或plugin:vue/strongly-recommended
    'plugin:vue/recommended'
  ],
  plugins: ['vue']
}

第三步：仅校验