在前端项目中，我们经常需要使用 Eslint 这个工具来规范我们的代码。Eslint 可以帮我们发现潜在的错误、代码风格的问题等，但默认的 Eslint 配置可能并不符合我们自己的编码风格，这时候就需要使用自定义的配置。
在这篇文章中，我们介绍一个常用的 Eslint 配置包 @dng/eslint-config-opinionated，它旨在提供一种广泛适用于前端项目的、可自定义的 Eslint 配置。
安装
@dechat/eslint-config-opinionated 是一个 npm 包，我们可以通过以下命令进行安装：
npm install @dng/eslint-config-opinionated --save-dev
配置
安装完成之后，我们需要在项目中配置 Eslint，以便使用 @dng/eslint-config-opinionated。我们可以在项目根目录下新建一个 .eslintrc.js 文件，并添加如下配置：
module.exports = {
extends: '@dng/opinionated',
rules: {
// 添加自定义规则
}
}上面的 extends 配置指定了我们要继承的 Eslint 配置，即 @dng/opinionated。这样我们就可以使用 @dng/opinionated 的所有规则了。需要注意的是，我们可以通过 rules 属性添加、覆盖或禁用某个规则。
当然，不同的前端项目可能对 Eslint 规则有所不同，因此我们可以使用不同的 extends 配置继承不同的 Eslint 配置，或在规则中增加自定义规则。
使用
安装并配置完毕之后，我们就可以开始使用 Eslint 了。在终端中输入以下命令可以对我们的代码进行检查：
npx eslint [file/dir] --fix
[file/dir] 表示我们要检查的文件或目录。--fix 可以让 Eslint 尝试自动修复一些问题。如果你想忽略某些规则的话，在 .eslintrc.js 中加入规则即可。
示例代码
以下是一段示例代码：
function sum(a, b) {
return a + b
}
const result = sum(1, 2)
console.log(result)假设我们通过 eslint example.js 命令进行检查，将得到如下的输出：
example.js 1:1 error Definition for rule 'no-console' was not found import/no-extraneous-dependencies 1:1 error Parsing error: Unexpected token function ✖ 2 problems (2 errors, 0 warnings) 2 errors and 0 warnings potentially fixable with the `--fix` option.
上述输出显示了两个错误，分别为 no-console 规则未定义和解析错误。我们可以通过使用 @dng/eslint-config-opinionated 来快速排除这些错误。 当我们按照上面的方式进行配置之后，再次进行检查，便不会出现上述的两个错误。
在实际的项目中，若你还需要自定义 Eslint 规则的话，你也可以通过 rules 属性进行操作。
总结
@dechat/eslint-config-opinionated 为我们提供了一个简单易用而且可自定义的 Eslint 配置，让我们能够更加方便地对前端代码进行规范化处理。通过这篇文章的介绍，相信你已经能够很好地使用 @dechat/eslint-config-opinionated 了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d130d09270238229a5