前言
在前端开发过程中，代码的质量和规范性是非常重要的。其中，ESLint 是一款强大的 JavaScript 代码检查工具，它可以通过规则来检查代码是否符合团队制定的代码规范。为了提高代码规范性和可维护性，我们可以使用一些常见的 eslint 配置包，例如 @bleushan/eslint-config。
本篇文章将会介绍如何使用 @bleushan/eslint-config 这个 npm 包，并且演示如何对一段代码进行规范性检查。
安装
首先，我们需要安装 @bleushan/eslint-config 这个 npm 包。可以通过下面的命令进行安装：
npm install --save-dev @bleushan/eslint-config
安装完成后，我们需要配置项目的 .eslintrc.js 文件，将 @bleushan/eslint-config 配置为 extends。
module.exports = {
extends: ["@bleushan/eslint-config"],
};检查代码
安装和配置好 @bleushan/eslint-config 后，我们就可以使用它来检查项目中不符合规范的代码了。可以使用下面的命令来检查代码：
npx eslint yourFile.js
例如，下面的代码是一个简单的 JavaScript 函数：
function add(a, b) {
return a+b;
}保存为 add.js 文件，然后使用下面的命令进行代码检查：
npx eslint add.js
输出的结果为：
add.js 1:1 error 'function' is assigned a value but never used 1:10 error Missing space before function parentheses ✖ 2 problems (2 errors, 0 warnings)
可以看到， @bleushan/eslint-config 的检查规则已经生效，提示我们在定义函数时需要加上空格，而原来的代码没有加上空格。此外，还提示我们尽管 add 被定义了，但是在代码中从来没有用到过，因此应该删除它。
附加规则
除了 @bleushan/eslint-config 的预设规则之外，我们还可以添加一些定制化规则，使得检查更加符合项目的实际需求。可以编辑 .eslintrc.js 文件，例如可以增加监听未使用过变量的规则：
module.exports = {
extends: ["@bleushan/eslint-config"],
rules: {
"no-unused-vars": "error",
},
};同时事件重新运行 npx eslint add.js 命令进行检查，此时代码应该会出现一个新的错误："'a' is defined but never used"。
总结
本篇文章介绍了如何使用 @bleushan/eslint-config 这个 npm 包，包括安装、配置、检查代码以及添加自定义规则等。代码规范性检查对于前端开发来说非常重要，它可以帮助我们发现潜在的问题和不规范的代码，进而提高代码的质量、可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/bleushan-eslint-config