.eslintrc文件中 extends属性是做什么的

在 JavaScript 项目中，ESLint 是一种常用的代码检查工具。`.eslintrc` 文件是 ESLint 的配置文件之一，用于配置 ESLint 的规则和选项。其中，`extends` 属性用于继承已有的规则配置，可以简化配置文件的编写过程。

通过 `extends` 属性，我们可以扩展 ESLint 中已有的规则集，例如 `eslint:recommended`、`airbnb-base`等，也可以引用自定义的规则集。这样可以避免重复定义规则，同时也能够使得多个项目的规则一致，提高代码质量和可维护性。

相关问题

.eslintrc extends文件中 @vue/prettier是什么意思

@vue/prettier 是一个 ESLint 插件，它提供了一些规则来与 Prettier 集成，以确保代码风格的一致性。在 .eslintrc 文件中使用 extends 属性引入该插件，可以让 ESLint 检查代码时自动应用这些规则。

.eslintrc.js 文件

.eslintrc.js 文件是一个用于定义和配置 ESLint 的 JavaScript 配置文件，ESLint 是一个广泛使用的 JavaScript 代码质量检查工具。通过 .eslintrc.js 文件，开发者可以自定义规则来检查代码的风格、语法错误以及潜在问题。该文件通常放置在项目的根目录下，或者在 ESLint 配置文件指定的位置。

.eslintrc.js 文件可以是 JavaScript 文件，也可以是 JSON 文件。如果是使用 JavaScript 文件，那么可以利用 JavaScript 的全部功能，如导出函数等。如果是 JSON 文件，则结构更为简单。一个基本的 .eslintrc.js 文件结构通常包含以下几个部分：

1. `root`：这个属性指示 ESLint 在检查过程中是否应该停止寻找配置文件。
2. `parser`：指定 ESLint 使用的 JavaScript 解析器。
3. `parserOptions`：定义解析器需要的选项，如 ECMAScript 版本、模块类型、使用的语言特性等。
4. `plugins`：列出 ESLint 的插件，扩展 ESLint 的功能。
5. `extends`：从一组共享配置中继承规则。
6. `rules`：定义具体的规则和它们的级别（如 "error" 或 "warning"）。
7. `env`：指定代码运行的环境，如浏览器、Node.js 等。
8. `globals`：定义在代码中哪些全局变量是被允许的。
9. `settings`：提供了共享的配置信息，用于所有的规则。

以下是一个简化版的 .eslintrc.js 配置示例：

module.exports = {
    "root": true,
    "parser": "@babel/eslint-parser",
    "parserOptions": {
        "ecmaVersion": 2020,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "env": {
        "es6": true,
        "node": true,
        "browser": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
    "rules": {
        "eqeqeq": "error",
        "no-trailing-spaces": "error",
        "react/react-in-jsx-scope": "off"
    }
};