在前端开发中，Lint 工具是非常常见的工具，它可以帮助我们规范代码风格，避免错误。eslint 是一个比较流行的 Lint 工具，它可以根据事先定义的规则检查我们的代码。@checkdigit/eslint-config 是一款 eslint 的配套包，它基于 Airbnb 的 eslint-config-airbnb，加入了一些自己的配置，适合大多数前端开发。本文主要介绍这个 npm 包的使用教程。
安装
首先需要安装 eslint 和@checkdigit/eslint-config：
--- ------- ------ ------------------------- --
使用
在项目根目录下新建 .eslintrc.js 文件，内容如下：
-------------- - - -------- -------------- --
eslint 的配置分为全局配置和项目配置，全局配置可以存在于全局的配置文件，比如 /etc/eslintrc，项目配置则存在于项目目录下的 .eslintrc 文件。上面 @checkdigit 已经规定了一些规则，我们使用 extends 属性继承这些规则。
规则配置
我们可以修改一些规则，以便符合我们自己的开发习惯或者项目组的开发规范，除了 eslint 原有的规则，@checkdigit/eslint-config 还添加了一些规则，规则说明 在此。
比如我们要把 tab 改成 2 空格缩进，我们的配置如下：
-------------- - -
-------- --------------
------ -
---------- --------
------- --------- ---
--
--检查文件
安装好 eslint 和@checkdigit/eslint-config 后，我们可以使用 eslint 命令来检查代码：
------ -------
在项目中可以配置 package.json，以便使用 npm run 检查整个项目：
-
---------- -
------- ------- --
-
-这样可以使用下面的命令检查整个项目：
--- --- ----
结束语
@checkdigit/eslint-config 在前端项目中使用的广泛，使用 npm 安装非常方便，只需要一行命令即可。我们可以在 .eslintrc.js 中按照自己的项目需要进行配置，也可以指定一些新的规则。这个 npm 包的使用教程介绍到这里，希望对您有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedadc7b5cbfe1ea0610d19