/*
 * @Author: shawnxiao 597035529@qq.com
 * @Date: 2022-11-18 14:13:12
 * @LastEditors: shawnxiao 597035529@qq.com
 * @LastEditTime: 2022-11-26 19:04:59
 * @FilePath: \react\webpack5-ts-react18\.eslintrc.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
module.exports = {
    'env': {
      'browser': true,
      'es2021': true,
      'node': true
    },
    'extends': [
      'eslint:recommended',
      'plugin:react/recommended',
      'plugin:@typescript-eslint/recommended',
      'plugin:react/jsx-runtime'
    ],
    'overrides': [
    ],
    'parser': '@typescript-eslint/parser',
    'parserOptions': {
      'ecmaVersion': 'latest',
      'sourceType': 'module'
    },
    'plugins': [
      'react',
      '@typescript-eslint'
    ],
    'rules': {
      '@typescript-eslint/no-non-null-assertion': 'off', // 允许使用非空操作符
      'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
      'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
      'react/jsx-uses-react': 2,
      /**
       * 最佳实践
       */
      eqeqeq: 2, // 强制使用 === 和 !==
      'default-case': 1, // 要求 switch 语句中有 default 分支
      'no-else-return': 1, // 禁止 if 语句中 return 语句之后有 else 块
      'no-empty-function': 0, // 禁止出现空函数
      'no-multi-spaces': 1, // 禁止使用多个空格
      radix: 1, // 强制在parseInt()使用基数参数
      // 'no-unused-vars': 'warn',
      'no-unused-vars': 'off',
      '@typescript-eslint/no-unused-vars': ['error'], // 把该条提示信息转换成警告信息
      /**
       * 变量声明
       */
      'init-declarations': ['error', 'always'], // 声明变量必须赋值
      // 'array-bracket-spacing': ['error', 'always'], // 数组方括号内必须空格
      'array-bracket-spacing': 0, // 数组方括号内必须空格
      // 双峰驼命名格式
      camelcase: 2,
      // 数组和对象键值对最后一个逗号， never参数：不能带末尾的逗号, always参数：必须带末尾的逗号，
      // always-multiline：多行模式必须带逗号，单行模式不能带逗号
      'comma-dangle': [2, 'never'],
      // 控制逗号前后的空格
      'comma-spacing': [2, { before: false, after: true }],
      'comma-style': [2, 'last'], // 逗号风格，换行时在行首还是行尾
      'eol-last': 2, // 要求文件末尾存在空行
      // 对象冒号前禁止空格，冒号后必须空格
      'key-spacing': ['error', { beforeColon: false, afterColon: true }],
      // 关键字（if、else等）前后必须有空格
      'keyword-spacing': ['error', { before: true, after: true }],
      // 禁止出现多行空行
      'no-multiple-empty-lines': ['error', { max: 1 }],
      semi: ['error', 'never'], // 禁止末尾分号
      quotes: ['error', 'single'], // 单引号
      'space-infix-ops': 2, // 操作符周围必须有空格
      'spaced-comment': ['error', 'always'], // 注释后面必须跟随至少一个空白
      /**
       * ECMAScript6
       */
      'arrow-spacing': ['error', { before: true, after: true }], // 强制箭头函数的箭头前后使用空格
      'no-var': 2, // 禁止使用 var 声明变量
      'object-shorthand': 2, // 要求使用对象方法名和属性名简写
      'prefer-arrow-callback': 2, // 要求回调函数使用箭头函数
      'prefer-const': 2, // 使用 const 声明那些声明后不再被修改的变量
      'prefer-rest-params': 2, // 要求使用剩余参数而不是 arguments
      /**
       * vue
       */
      'vue/valid-v-model': 0
    },
    'settings': {
      // 让eslint自己检测react版本
      'react': {
        'version': 'detect'
      }
    }
}