.eslintrc.js

module.exports = {
  root: true,
  env: {
    browser: true,
    es2021: true,
    node: true,
    jest: true,
    mocha: true,
    amd: true,
    serviceworker: true
  },
  globals: {
    PRODUCTION: 'readonly',
    NODE_ENV: 'readonly',
    APP: 'readonly'
  },
  extends: ['eslint:recommended', 'plugin:react/recommended', 'airbnb'],
  plugins: [
    'react',
    'react-hooks',
    'import',
    'jsx-a11y',
    '@typescript-eslint',
    'html',
    '@emotion'
  ],
  parser: '@typescript-eslint/parser',
  parserOptions: {
    ecmaFeatures: {
      jsx: true
    },
    jsxPragma: 'React',
    ecmaVersion: 'latest',
    projectFolderIgnoreList: ['**/node_modules/**'],
    sourceType: 'module'
  },
  rules: {
    // 代码长度
    'max-len': ["error", { "code": 1000, "ignoreComments": true, "ignoreUrls": true, "ignoreTemplateLiterals": true }],
    'semi': ['error', 'never'],
    'comma-dangle': ['error', 'never'],
    'func-names': 'off',
    'import/no-unresolved': 'off',
    'import/no-extraneous-dependencies': 'off',
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-plusplus': 'off',
    'camelcase': 'off',
    'import/extensions': 'off',
    'no-use-before-define': 'off',
    'no-var-requires': 'off',
    'import/no-commonjs': 'off',
    'no-continue': 'off',
    'no-param-reassign': 'off',
    // 控制逗号前后的空格
    "comma-spacing": [2, { "before": false, "after": true }],
    // 控制逗号在行尾出现还是在行首出现
    // http://eslint.org/docs/rules/comma-style
    "comma-style": [2, "last"],
    // 圈复杂度
    "complexity": [2, 12],
    // 文件末尾强制换行
    "eol-last": 2,
    // 方法表达式是否需要命名
    "func-names": 0,
    "no-alert": 0,//禁止使用alert confirm prompt
    "no-array-constructor": 2,//禁止使用数组构造器
    "no-bitwise": 0,//禁止使用按位运算符
    "no-caller": 1,//禁止使用arguments.caller或arguments.callee
    "no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名
    "no-class-assign": 2,//禁止给类赋值
    "no-cond-assign": 2,//禁止在条件表达式中使用赋值语句
    "no-const-assign": 2,//禁止修改const声明的变量
    "no-constant-condition": 2,//禁止在条件中使用常量表达式 if(true) if(1)
    "no-dupe-keys": 2,//在创建对象字面量时不允许键重复 {a:1,a:1}
    "no-dupe-args": 2,//函数参数不能重复
    "no-duplicate-case": 2,//switch中的case标签不能重复
    "no-else-return": 2,//如果if语句里面有return,后面不能跟else语句
    'quote-props': ['warn', 'consistent'],
    // 定义未使用
    'no-unused-vars': 'off',
    // 禁止使用 for..in  for..of
    "no-restricted-syntax": 1,
    // 禁止标识符下划线
    'no-underscore-dangle': 'off',
    // 导入多次
    "import/no-duplicates": 0,
    "import/prefer-default-export": 0,
    // 禁止promise 使用async
    "no-async-promise-executor": 0,
    // image元素必须有alt标签
    'jsx-a11y/alt-text': 0,
    // 变量作用域
    "no-shadow": "off",
    // 不允许嵌套的三元表达式
    "no-nested-ternary": "off",
    "no-await-in-loop": "off",
    "class-methods-use-this": "off",
    "prefer-promise-reject-errors": ["error", { "allowEmptyReject": true }],
    // 对象/数组 解构
    "prefer-destructuring": ["error", {
      "array": true,
      "object": true
    }, {
        "enforceForRenamedProperties": false
      }],
    "@typescript-eslint/no-unused-vars": "off",
    "@typescript-eslint/no-shadow": "error",
    "@emotion/jsx-import": "off",
    "@emotion/no-vanilla": "warn",
    "@emotion/import-from-emotion": "off",
    "@emotion/styled-import": "warn",
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off",
    'react-hooks/rules-of-hooks': 'error',
    'react-hooks/exhaustive-deps': 'off',
    'react/require-default-props': 'off',
    '@typescript-eslint/no-use-before-define': ['warn'],
    'react/jsx-filename-extension': [
      'warn',
      {
        extensions: ['.js', '.jsx', '.ts', '.tsx']
      }
    ]
  }
};