What 's the difference between plugins and extends in eslint?

在 ESLint 的上下文中，插件（Plugins）和扩展（Extends）是两种不同的概念，它们都用于增强代码检查功能，但用途和实现方式有所区别。

插件（Plugins）

插件是一种可以向 ESLint 添加新规则或者在某种程度上改变其默认行为的方法。插件通常包含一组规则，这些规则定义了新的或额外的代码检查逻辑。开发者可以通过插件来扩展 ESLint 的检查能力，使其能够支持特定的编程语言特性或者符合某些特定的编码规范。

示例：

一个常见的插件是 eslint-plugin-react。这个插件添加了多个专门为 React 应用开发定制的规则，比如检查 JSX 中的变量是否已经定义，或者组件的命名是否符合标准。

json
{
  "plugins": ["react"]
}

扩展（Extends）

扩展则是一种配置共享的方式。它允许你基于一些已经存在的配置集来构建你的 ESLint 配置。通过使用扩展，你可以继承一套或多套规则配置，并在此基础上进行自定义修改。这不仅可以减少配置工作，也可以确保团队或项目遵循一致的编码标准。

示例：

eslint:recommended 是 ESLint 官方提供的一个扩展配置，它包含了一组核心规则的推荐设置，适用于多数 JavaScript 项目。在项目的 .eslintrc 文件中使用此扩展，可以快速地设置一个合理的规则基础。

json
{
  "extends": "eslint:recommended"
}

总结

总的来说，插件和扩展在 ESLint 中的使用目的都是为了增强代码质量控制，但是它们的实现方式和作用范围有所不同：

• 插件 提供了额外的规则或者修改现有行为的能力，通常用于支持特定的技术栈或编程范式。
• 扩展 则更多地用于配置共享，可以快速地基于现有的规则集构建或者调整 ESLint 配置，适用于快速设置或确保项目/团队的编码一致性。

理解这两者的区别有助于更高效地使用 ESLint，以及在不同的开发场景中做出合适的选择。