eslint版本9.0之后配置方法

在 ESLint 版本 9 之后，配置 ESLint 需要通过新的配置文件 .eslintrc.js 或者 eslint.config.js。以下是一个基本的配置示例：

1. 首先，确保你已经安装了 ESLint 9 或更高版本：

npm install eslint@latest --save-dev

2. 接下来，在项目根目录下创建一个 .eslintrc.js 或 eslint.config.js 文件，并初始化配置：

// .eslintrc.js 或 eslint.config.js
module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: [
    'eslint:recommended',
    // 其他插件或扩展
  ],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  rules: {
    // 自定义规则
  },
  overrides: [
    // 特定文件或目录的规则覆盖
  ],
};

3. 根据你的项目需求，配置 env 环境、extends 继承的规则、parserOptions 解析器选项以及 rules 自定义规则。
4. 运行 ESLint 来检查代码质量：

npx eslint yourfile.js

替换 yourfile.js 为你想要检查的文件名。如果你想要在 git commit 时自动运行 ESLint，可以在 package.json 中添加以下脚本：

{
  "scripts": {
    "lint": "eslint .",
    "commit": "git-cz"
  },
  "husky": {
    "hooks": {
      "pre-commit": "npm run lint"
    }
  }
}

然后安装 husky 以管理 git 钩子：

npm install husky --save-dev

以上步骤提供了一个基本的 ESLint 配置流程，适用于 ESLint 版本 9 及以后。