.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/prettier'],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-undef': 1,
    'vue/custom-event-name-casing': 'off',
    'no-use-before-define': 'off',
    // @fixable function 的小括号之前必须要有空格
    'space-before-function-paren': [
      'error',
      {
        anonymous: 'ignore',
        named: 'never',
        asyncArrow: 'always'
      }
    ],
    // 要求使用剩余参数 而不是arguments
    'prefer-rest-params': 'warn',

    'comma-dangle': ['error', 'never'],
    'prettier/prettier': [
      'warn',
      // prettier规则 同.prettierrc.json中的配置
      {
        printWidth: 100,
        tabWidth: 2,
        useTabs: false,
        semi: false,
        vueIndentScriptAndStyle: false,
        singleQuote: true,
        quoteProps: 'as-needed',
        bracketSpacing: true,
        trailingComma: 'none',
        jsxBracketSameLine: false,
        jsxSingleQuote: false,
        arrowParens: 'avoid',
        insertPragma: false,
        requirePragma: false,
        proseWrap: 'never',
        htmlWhitespaceSensitivity: 'strict',
        endOfLine: 'lf',
        rangeStart: 0,
        eslintIntegration: false,
        overrides: [
          {
            files: '*.md',
            options: {
              tabWidth: 2
            }
          }
        ]
      },
      {
        // 发现一个问题，即使通过这配置了允许使用外部prettier配置文件作为配置
        // 有的配置参数在.prettierrc.json中配置后 不会生效 还得在当前配置文件中做声明
        usePrettierrc: false
      }
    ],
    // @fixable 代码块如果在一行内，那么大括号内的首尾必须有空格，比如 function () { alert('Hello') }
    'block-spacing': ['error', 'always'],
    // @fixable 对象字面量只有一行时，大括号内的首尾必须有空格
    'object-curly-spacing': [
      'error',
      'always',
      {
        arraysInObjects: true,
        objectsInObjects: true
      }
    ],
    // @fixable 禁止出现超过三行的连续空行
    'no-multiple-empty-lines': [
      'error',
      {
        max: 2,
        maxEOF: 1,
        maxBOF: 1
      }
    ],
    'vue/no-unused-vars': 'warn',
    'vue/no-unused-components': 'warn',
    'no-unused-vars': 'warn'
  }
}