.eslintrc.js

module.exports = {
  env: {
    browser: true,
    es2021: true,
    // 开启setup语法糖环境
    'vue/setup-compiler-macros': true,
  },
  extends: [
    // 'plugin:vue/essential',// vue核心规范
    'airbnb-base',
    'plugin:@typescript-eslint/recommended',
    'plugin:vue/vue3-recommended', // vue3规范
    'prettier', // prettier规范,覆盖eslint格式配置,写在最后
    '.eslintrc-auto-import.json', // unplugin-auto-import自动导入的api
  ],
  // 针对特定文件重写eslint规则
  overrides: [
    {
      files: ['*.ts', '*.tsx', '*.vue'],
      rules: {
        // 解决 ts 全局类型定义后，eslint报错的问题
        'no-undef': 'off',
      },
    },
  ],
  // 支持ts的最新语法
  parserOptions: {
    ecmaVersion: 'latest',
    parser: '@typescript-eslint/parser',
    sourceType: 'module',
  },
  // 添加vue和@typescript-eslint插件，增强eslint的能力
  plugins: ['vue', '@typescript-eslint'],
  rules: {
    'no-console': 2, //
    'import/no-extraneous-dependencies': 0, // 禁止使用无关的包
    'import/no-unresolved': 0, // 关闭检查未解析的模块
    'vue/multi-word-component-names': 0, // 禁止使用多单词组件名
    'no-unused-vars': 0, // 关闭未使用变量检查
    'no-param-reassign': 0, // 禁止对函数参数进行重新赋值
    '@typescript-eslint/no-empty-function': 0, // 禁止空函数
    'no-use-before-define': 0, // 禁止在未定义前使用变量
    '@typescript-eslint/no-explicit-any': 0, // 禁止使用any
    '@typescript-eslint/no-non-null-assertion': 0, // 禁止使用non-null
    '@typescript-eslint/no-unused-vars': 0, // 禁止未使用的变量
    '@typescript-eslint/ban-ts-comment': 0, // 禁止使用ts忽略检查注释
    'arrow-body-style': 0, // 禁止箭头函数体使用大括号
    'prefer-destructuring': 0,
    'no-plusplus': 0, // 禁止使用++，--
    'no-continue': 0, // 禁止使用continue
    'import/prefer-default-export': 0, // 禁止使用export default
    'no-shadow': 0, // 禁止变量声明时使用相同名字
    'import/extensions': 0, // 使用文件扩展名
  },
}