在前端开发中，我们经常会遇到代码的质量不高或者代码风格不统一的问题，这时候使用 eslint 工具可以帮助我们解决这些问题。而 eslint-config-bjs-base 这个 npm 包则是一份北京市互联网+先进技术企业联盟（BJS）共用的 eslint 配置规则，使用它可以让我们的代码在遵循 BJS 规范的同时，获得更好的代码质量和可读性。
在本篇文章中，我们将会介绍如何使用 eslint-config-bjs-base 包以及如何根据自己的需求进行定制化。让我们一起来看看吧。
安装 eslint-config-bjs-base
首先我们需要将 eslint-config-bjs-base 安装到项目中来，我们可以通过 npm 命令进行安装：
npm install eslint-config-bjs-base --save-dev
安装完毕后，在项目根目录下新增 .eslintrc.json 文件，并添加如下代码：
{
"extends": ["eslint-config-bjs-base"],
"rules": {}
}这样我们就成功将 eslint-config-bjs-base 集成到了项目中，并且启用了 BJS 的代码规范。
注意：该包还依赖于 eslint-plugin-import、eslint-plugin-node、eslint-plugin-promise、eslint-plugin-standard，需要在项目中同时安装这些插件。
根据自己的需求定制化
有时候 BJS 的代码规范可能并不符合我们的项目需求，这时候我们可以根据自己的需求进行定制化。例如，我们想要禁止使用 console.log() 这个函数，我们可以在 .eslintrc.json 文件中添加如下代码：
{
"extends": ["eslint-config-bjs-base"],
"rules": {
"no-console": 2
}
}这样我们就成功禁用了 console.log() 函数。
除此之外，我们还可以自定义其他规则，比如强制使用驼峰命名法等。具体的规则可以参考 eslint 官方文档。
示例代码
如果你还不太清楚如何使用 eslint-config-bjs-base 进行代码检查，那么让我们来看看一个示例代码。
我们来看以下的代码：
var sum = function (a, b) {
console.log(a + b)
}这段代码中，存在可避免的问题，比如使用了 var 关键字、函数名没有使用驼峰命名法等等。如果我们使用 eslint-config-bjs-base 进行代码检查，它会提示我们相应的问题，并给出建议的解决方案。
总结
在前端开发中，使用 eslint 工具可以有效提高代码质量和可读性。而 eslint-config-bjs-base 包则可以帮助我们遵循 BJS 的代码规范，提高代码的可维护性。在使用这个包时，我们需要注意安装其依赖的插件，并根据自己的需求进行定制化。在代码上线之前，通过代码检查工具的帮助可以有效预防问题出现，从而保证代码的质量和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553e881e8991b448d13a7