什么是 eslint-config-blued？
eslint-config-blued 是蓝海国际前端团队开发的一个针对 ESLint 检查规则配置的 npm 包。它是构建在基础的 eslint-config-airbnb 包上的，但是增加了一些针对团队具体开发需求的检查规则。这个包可以帮助团队更好地统一代码规范，加强代码质量控制，并提高代码可维护性。
怎么使用 eslint-config-blued？
安装
在项目下，执行如下命令来安装 eslint-config-blued：
npm install eslint-config-blued --save-dev
配置 .eslintrc 文件
在根目录下新建一个 .eslintrc 文件，内容如下：
{
"extends": "eslint-config-blued"
}配置 package.json 中的 scripts 部分
在 package.json 中，scripts 部分加入如下内容：
{
"scripts": {
"lint": "eslint --ext .js,.vue --fix ."
}
}这部分内容可以让我们在项目中执行命令 npm run lint 来对项目中的 .js 和 .vue 文件进行检测，并修复其中一些问题，如缩进问题等。
使用 eslint-config-blued 配置自定义规则
如果团队有其他自定义的规则需要添加到 ESLint 的检查中，则需要按照如下方式进行配置：
在 .eslintrc 中添加 rules 字段，并对需要添加的规则进行覆盖或者修改，代码如下：
-- -------------------- ---- -------
-
---------- ----------------------
-------- -
------------- --
----------- --
------------------ --------- -
------------- -
--------------------- ----
-
--
-
-上述代码中，我们覆盖了 eslint-config-blued 中默认的 no-console 和 no-alert 规则，并修改了 no-multi-spaces 规则中 VariableDeclarator 部分的配置。
总结
使用 eslint-config-blued 可以大大提高团队的代码质量和开发效率。在使用这个包的时候，需要注意整合项目已有的规则，并根据团队具体情况进行自定义规则的覆盖和修改。
在实践中，我们还可以通过其他工具，如 husky 和 lint-staged 等，来使得代码在提交前自动进行规范审查，以进一步保证代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600673defb81d47349e53bbc