Vue配置问题

1.eslintrc配置

在根目录下添加.eslintrc.js文件（注意：前面有个点）

内容如下

/**
 * Eslint 检查规则（A）
 * "off" 或者 0 -- 关闭规则
 * "warn" 或者 1 -- 将规则打开为警告（不影响退出代码）
 * "error" 或者 2 -- 将规则打开为错误（触发时退出代码为 1）
 */
module.exports = {
  root: true, // 禁用持续查找（root）
  env: {
    browser: true, // 启用浏览器全局变量。
    node: true, // Node.js全局变量和Node.js范围。
    es6: true // 启用ES6的功能。
  },
  parserOptions: {
    parser: 'babel-eslint', // 解析器（parser）
    ecmaVersion: 2020, // ECMA版本
    sourceType: 'module' // 指定源代码存在的位置，script | module，默认为script
  },
  // eslint:recommended:表示引入eslint的核心功能，并且报告一些常见的共同错误。
  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended'],
  rules: {
    'vue/html-self-closing': 0,
    // 设置每行最大属性数
    'vue/max-attributes-per-line': [
      2,
      {
        singleline: 10, // 标签为单行时，每行最大属性数值为 10，默认值为 1
        multiline: {
          max: 1, // 标签为多行时，每行最大属性数字为 1，默认值为 1
          allowFirstLine: false // 不允许属性与该标记名称位于同一行，默认值为 false
        }
      }
    ],
    'vue/no-multiple-template-root': 'off',
    // 禁用单行标签内容需换行的校验
    'vue/singleline-html-element-content-newline': 'off',
    // 禁用多行标签内容需换行的校验
    'vue/multiline-html-element-content-newline': 'off',
    // 组件 name 属性值必须使用帕斯卡命名法（单词首字母大写）
    'vue/name-property-casing': ['error', 'PascalCase'],
    // 禁用禁止使用 v-html 的校验
    'vue/no-v-html': 'off',
    // 对象必须使用 getter / setter 对，即：每个已定义 setter 的属性都需有一个 getter
    'accessor-pairs': 2,
    // 箭头函数 => 前后必须有空格
    'arrow-spacing': [
      2,
      {
        before: true,
        after: true
      }
    ],
    // 单行代码块花括号打开块之后和关闭块之前，至少一个空格
    // 'block-spacing': [2, 'always'],
    // 强制执行标准大括号风格样式（关键字要与花括号保持在同一行）
    'brace-style': [
      2,
      '1tbs',
      {
        allowSingleLine: true // 允许同一行上打开和关闭括号
      }
    ],
    // 关闭驼峰命名规则校验（变量命名时，名称之间不允许下划线，常量（全部大写）除外）
    camelcase: [
      0,
      {
        properties: 'always' // 属性名称强制执行驼峰命名法样式
      }
    ],
    // 在对象或数组中不允许尾随逗号
    // 数组和对象键值对最后一个逗号， never参数：不能带末尾的逗号, always参数：必须带末尾的逗号
    // always-multiline：多行模式必须带逗号，单行模式不能带逗号
    // only-multiline：都行
    'comma-dangle': [2, 'never'],
    // 变量声明，数组文字，对象文字，函数参数和