eslint的简单配置（remax）

1.安装依赖

  "eslint": "^7.6.0",
   "eslint-plugin-react": "^7.20.5"

2.自己编写配置文件

module.exports = {
  env: {
    browser: true,
    es2020: true,
    node: true
  },
  extends: ['eslint:recommended', 'plugin:react/recommended'],
  parserOptions: {
    ecmaFeatures: {
      jsx: true
    },
    ecmaVersion: 11,
    sourceType: 'module'
  },
  plugins: ['react'],
  rules: {
    // 忽略组件定义名
    'react/display-name': 'off',
    // 忽略组件prop定义属性类型
    'react/prop-types': 'off',
    // 单引号
    quotes: ['error', 'single'],
    indent: [0, 2], // 强制使用一致的缩进
    // semi: 0, // 要求或禁止使用分号代替 ASI
    'no-const-assign': 2, //禁止修改const声明的变量
    'no-delete-var': 2, //不能对var声明的变量使用delete操作符
    'no-extra-semi': 2, //禁止多余的冒号
    'no-func-assign': 2, //禁止重复的函数声明
    'linebreak-style': [0, 'windows'], //换行风格
    'no-multi-spaces': 1, //不能用多余的空格
    // 禁止尾随逗号
    'comma-dangle': ['error', {
      'arrays': 'never',
      'objects': 'never',
      'imports': 'never',
      'exports': 'never',
      'functions': 'never'
    }],
    // 'indent': [
    // 	'error',
    // 	'tab'
    // ],
    // 'linebreak-style': [
    // 	'error',
    // 	'windows'
    // ],
    semi: [
      'error',
      'never'
    ]
  }
}

3.运行检查

 "scripts": {
    "lint": "eslint --ext .js --ext .jsx src"
  },

怎么做到和vue一样，运行代码的时候先执行eslint，有知道可以告诉我一下。
中间少了安装选择，可以自行百度，一共有三种选择，两种是大厂的常用的，最后一种是自己配置的。