ESLint的学习笔记从入门到入土

配置

ESLint 支持多种格式的配置文件：

• JavaScript - 使用 .eslintrc.js 并导出包含您的配置的对象。
• JavaScript (ESM) - 在 package.json 中指定 “type”:”module” 的 JavaScript 包中运行ESLint 时使用 .eslintrc.cjs。请注意，ESLint 目前不支持 ESM 配置。
• YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 定义配置结构。
• JSON - 使用 .eslintrc.json 定义配置结构。ESLint 的 JSON 文件也允许 JavaScript 样式的 - 注释。
• package.json - 在您的 package.json 文件中创建一个 eslintConfig 属性并在那里定义您的配 - 置。

如果有多个配置，优先顺序如下

.eslintrc.js
.eslintrc.cjs
.eslintrc.yaml
.eslintrc.yml
.eslintrc.json
package.json

eslintrc.cjs

/* eslint-env node */
require('@rushstack/eslint-patch/modern-module-resolution')

module.exports = {
  root: true,
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript',
    '@vue/eslint-config-prettier/skip-formatting'
  ],
  overrides: [
    {
      files: [
        'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
        'cypress/support/**/*.{js,ts,jsx,tsx}'
      ],
      'extends': [
        'plugin:cypress/recommended'
      ]
    }
  ],
  parserOptions: {
    ecmaVersion: 'latest'
  }
}

介绍

// eslint.config.js
export default [
    {
        rules: { //规则的级别分三种：off 关闭; wawarn 警告； error 报错；
            "no-unused-vars": "error", //未使用的变量
            "no-undef": "error" //未使用的函数
        }
    }
];