在现代前端开发中，我们通常都会使用到 eslint 来进行代码风格检查和代码质量保证。而针对我们在 Open-Zigbee 项目中的 eslint 配置，我们可以使用到一个刚刚发布的 npm 包：eslint-config-open-zigbee。
简介
eslint-config-open-zigbee 是 Open-Zigbee 项目针对 eslint 配置的一种规范，它基于 eslint:recommended 规范、eslint-plugin-import 插件和 eslint-plugin-node 插件，以及我们自己的一些规则进行定制化配置，使得我们的代码风格更加统一，代码质量更加保证。
使用 eslint-config-open-zigbee 可以有效减少开发团队因不同设定风格而导致的沟通成本，降低代码风格不一致的可能性和代码质量风险。
安装和使用
你可以通过 npm 进行安装：
--- ------- ------------------------- ----------
安装完成后，我们需要在我们的项目中进行配置。在我们的项目的根目录下创建一个 .eslintrc.json 文件，配置如下：
- ---------- --------------------------- -
这里我们使用了 ESLint 的继承功能来继承 eslint-config-open-zigbee 的配置。这样，我们就可以使用 Open-Zigbee 默认的规则了。
同时，我们可以根据我们项目的实际需求进行定制化配置。比如，如果我们有一些类似于以下代码的情况：
------ - --- - ---- ------
这里我们使用了 ES6 的导入语法，但是我们需要指定 bar 的路径。在默认情况下，eslint-plugin-import 插件会要求我们指定路径的后缀名，比如：
------ - --- - ---- ---------
这时候我们可以在 .eslintrc.json 文件中进行定制化的配置：
-
---------- ----------------------------
-------- -
-------------------- --------- -------- -
----- ---------
------ ---------
----- ---------
------ --------
--
-
-这里我们为 eslint-plugin-import 插件中的 import/extensions 规则添加了定制化的配置，指定了 js、jsx、ts、tsx 文件必须要有文件后缀名，而其他文件则没有要求。
示例代码
-
---------- ----------------------------
-------- -
-------------------- --------- -------- -
----- ---------
------ ---------
----- ---------
------ --------
--
-
-总结
使用 eslint-config-open-zigbee 可以有效地减少开发团队之间的沟通成本，降低代码风格的不一致性和代码质量风险。我们可以根据我们自己的项目需求进行定制化配置，从而更好地保证我们项目的代码质量和开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/eslint-config-open-zigbee