1. 简介
ESLint 是一个用于检测 JavaScript 代码中潜在问题的静态分析工具，有助于开发者写出高质量、一致性高的代码。每个项目开发团队都可以设置自定义的 ESLint 规则以更好地适应团队代码风格和标准，这通过 eslint 的配置文件来实现。
@neogeek/eslint-config-standards 就是其中一个提供编码标准的 ESLint 扩展。
本教程将详细介绍如何使用 @neogeek/eslint-config-standards 并进行全局设置，让它成为你团队开发的常用工具。
2. 安装
如果想要在项目中使用 @neogeek/eslint-config-standards，可以通过如下命令进行安装：
npm install --save-dev @neogeek/eslint-config-standards
3. 配置
要使用这个包，在项目的根目录下需要创建一个名为 .eslintrc 的配置文件。如果需要对项目中的子目录进行配置，可以在子目录中创建同名文件去覆盖根目录的配置。
3.1 基础配置
在创建 .eslintrc 文件时，可以以如下格式进行配置：
{
"extends": "@neogeek/eslint-config-standards"
}这将会使用默认的配置。如果想要进行更深入的定制，可以参考官方文档进行自定义配置。
3.2 改写配置
在上文中，使用了默认配置。在接下来的章节中，将进行一些配置的改写以帮助更好地理解如何使用和配置此扩展。
3.2.1 rules
ESLint 的规则定义了应该检测的问题和要报告的问题的级别。例如，未定义的变量应该在开发期间警告你的行为，而不是对应用程序的用户造成意外行为。
@neogeek/eslint-config-standards 具有一组旨在涵盖大多数通用规则的配置。这些规则可以在编辑器中显示错误或警告以指示问题代码。然而，在某些情况下，我们需要自定义规则或禁用某些规则，以更好地适应我们团队的代码。
例如，以下no-array-constructor规则规定禁止使用 Array 构造函数。
{
"rules": {
"no-array-constructor": "error"
}
}3.2.2 globals
我们可以参考 官方文档 来定义全局变量。如果已经在代码中定义了全局变量，可以使用以下方式禁用相关警告。
{
"globals": {
"$": true
}
}4. 示例代码
以下是一个示例代码，它展示了如何在 ESLint 中使用 @neogeek/eslint-config-standards。
-- -------------------- ---- -------
-
---------- -----------------------------------
---------- -
---- ----
--
-------- -
----------------------- -------
-
-5. 总结
在本文中，我们介绍了如何在项目中使用 @neogeek/eslint-config-standards，并进行全局设置。我们还提供了一些常见的配置示例，以帮助您适应团队的代码风格和标准。希望这篇文章对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbe48b5cbfe1ea0611b4f