eslint.config.js

import js from '@eslint/js'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import react from 'eslint-plugin-react'
import typescript from '@typescript-eslint/eslint-plugin'
import typescriptParser from '@typescript-eslint/parser'
import prettier from 'eslint-plugin-prettier'
import globals from 'globals'

export default [
  {
    files: ['**/*.{js,jsx,ts,tsx}'],
    ignores: ['dist', 'node_modules', 'build', '.eslintrc.cjs', 'vite.config.ts'],
    languageOptions: {
      ecmaVersion: 2020,
      globals: {
        ...globals.browser,
        ...globals.node,
        ...globals.es2021,
        React: 'readonly',
        Global: 'readonly',
        Common: 'readonly',
        Role: 'readonly',
        User: 'readonly',
        Resource: 'readonly',
        Menu: 'readonly',
        Login: 'readonly',
        Monitor: 'readonly',
        Compon: 'readonly',
        StoreMonitor: 'readonly',
        BlobPart: 'readonly',
        Dept: 'readonly'
      },
      parser: typescriptParser,
      parserOptions: {
        ecmaVersion: 'latest',
        sourceType: 'module',
        ecmaFeatures: {
          jsx: true
        }
      }
    },
    plugins: {
      react,
      '@typescript-eslint': typescript,
      'react-hooks': reactHooks,
      'react-refresh': reactRefresh,
      prettier
    },
    rules: {
      ...js.configs.recommended.rules,
      ...react.configs.recommended.rules,
      ...typescript.configs.recommended.rules,
      'react/react-in-jsx-scope': 'off',
      'react/prop-types': 'off',
      'react/display-name': 'off',
      ...reactHooks.configs.recommended.rules,
      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
      semi: ['warn', 'never'], // 禁止尾部使用分号
      'no-debugger': 'warn', // 禁止出现debugger
      'no-duplicate-case': 'warn', // 禁止出现重复case
      'no-empty': 'warn', // 禁止出现空语句块
      'no-func-assign': 'warn', // 禁止对Function声明重新赋值
      'no-unreachable': 'warn', // 禁止出现[return|throw]之后的代码块
      'no-else-return': 'warn', // 禁止if语句中return语句之后有else块
      'no-empty-function': 'warn', // 禁止出现空的函数块
      'no-lone-blocks': 'warn', // 禁用不必要的嵌套块
      'no-multi-spaces': 'warn', // 禁止使用多个空格
      'no-redeclare': 'warn', // 禁止多次声明同一变量
      'no-return-assign': 'warn', // 禁止在return语句中使用赋值语句
      'no-self-compare': 'warn', // 禁止自身比较表达式
      'no-useless-catch': 'warn', // 禁止不必要的catch子句
      'no-useless-return': 'warn', // 禁止不必要的return语句
      'no-mixed-spaces-and-tabs': 'warn', // 禁止空格和tab的混合缩进
      'no-multiple-empty-lines': 'warn', // 禁止出现多行空行
      'no-trailing-spaces': 'warn', // 禁止一行结束后面不要有空格
      'no-useless-call': 'warn', // 禁止不必要的.call()和.apply()
      'no-var': 'warn', // 禁止出现var用let和const代替
      'no-delete-var': 'off', // 允许出现delete变量的使用
      'no-shadow': 'off', // 允许变量声明与外层作用域的变量同名
      'dot-notation': 'warn', // 要求尽可能地使用点号
      'default-case': 'warn', // 要求switch语句中有default分支
      eqeqeq: 'warn', // 要求使用 === 和 !==
      curly: 'warn', // 要求所有控制语句使用一致的括号风格
      'space-before-blocks': 'warn', // 要求在块之前使用一致的空格
      'space-in-parens': 'warn', // 要求在圆括号内使用一致的空格
      'space-infix-ops': 'warn', // 要求操作符周围有空格
      'space-unary-ops': 'warn', // 要求在一元操作符前后使用一致的空格
      'switch-colon-spacing': 'warn', // 要求在switch的冒号左右有空格
      'arrow-spacing': 'warn', // 要求箭头函数的箭头前后使用一致的空格
      'array-bracket-spacing': 'warn', // 要求数组方括号中使用一致的空格
      'brace-style': 'warn', // 要求在代码块中使用一致的大括号风格
      'max-depth': ['warn', 4], // 要求可嵌套的块的最大深度4
      'max-statements': ['warn', 100], // 要求函数块最多允许的的语句数量20
      'max-nested-callbacks': ['warn', 3], // 要求回调函数最大嵌套深度3
      'max-statements-per-line': ['warn', { max: 1 }], // 要求每一行中所允许的最大语句数量
      quotes: ['warn', 'single', 'avoid-escape'], // 要求统一使用单引号符号
      '@typescript-eslint/no-explicit-any': 'off',
      '@typescript-eslint/no-unused-vars': 'off',
      '@typescript-eslint/explicit-module-boundary-types': 'off',
      '@typescript-eslint/no-undef': 'off', // 关闭 TypeScript 的 no-undef 检查，让 TypeScript 编译器处理
      'no-undef': 'off'
    },
    settings: {
      react: {
        version: 'detect'
      }
    }
  }
]