前言
在前端开发中，编写符合规范的代码是非常重要的。同时，对于团队合作来说，统一的代码规范也非常必要。而 eslint 是目前最流行的 JS 代码规范工具之一。
在此，介绍一下 eslint-config-buzzi，它是 buzzi 团队自用的 eslint 基础规则配置，符合 buzzi 统一的代码风格。
安装
eslint-config-buzzi 基于 eslint，因此需要在项目中先安装 eslint：
npm install eslint --save-dev
随后，可以通过以下命令安装 eslint-config-buzzi：
npm install eslint-config-buzzi --save-dev
配置
在项目根目录下新建 .eslintrc.js，输入以下内容：
module.exports = {
extends: 'eslint-config-buzzi',
rules: {
// 在此处进行自定义规则的相关配置
},
};其中，extends 属性使用了 eslint-config-buzzi，表示继承了 buzzi 团队的代码规范。
在 rules 属性中，可以对自定义的规则进行配置。比如想禁用一些规则，可以这样做：
module.exports = {
extends: 'eslint-config-buzzi',
rules: {
'no-console': 0,
'indent': ['error', 2],
// ...
},
};上面例子中，禁用了 no-console 规则，将 indent 规则调整为 2 个空格。
使用
完成配置后，在终端执行 eslint 命令，即可对项目进行代码规范检查：
eslint src/**/*.js
注意，在使用时只需指定要检查的文件，而不必在 files 属性中加入要检查的文件。
可以将 eslint 命令加入项目的 package.json 中：
{
"scripts": {
"lint": "eslint src/**/*.js"
}
}之后在终端输入 npm run lint 便可使用。
示例
以下为一个简单示例（如下代码使用了此包规则）：
-- -------------------- ---- ------- -- ---------- -- ------------------------ -------------- ----- --- - ------ -- ---- --- ------ - ---------------- -- ------ - ---- - ---------------- --- ------ -
执行 eslint 命令后，终端会报出如下错误提示：
2:1 warning 'foo' is assigned a value but never used no-unused-vars ✖ 1 problem (0 errors, 1 warning)
我们可以在 .eslintrc.js 中添加如下配置：
{
'no-unused-vars': ['error', {
vars: 'all',
args: 'none',
ignoreRestSiblings: true
}]
}这样就可以去除这个错误提示了。
总结
通过使用 eslint-config-buzzi 基础规则配置，我们可以快速搭建团队的代码规范，提高代码的可维护性和可读性，减少代码中的错误。希望大家在实际开发中使用 eslint-config-buzzi 实现代码规范化的检查，提高项目的代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055a2e81e8991b448d7cfb