如果你正在学习或者在使用前端开发，那么你肯定已经听说过 eslint 这个工具，它主要是用于检测代码风格的错误。而 @case/eslint-config 这个 npm 包，就是配置 eslint 的规则。
什么是 @case/eslint-config
@case/eslint-config 是一个为了帮助开发者更好地使用 eslint 的一个包，它包含了常用的的规则，同时也提供了一些自定义的规则，具体的规则你可以在 GitHub 上查看。
如何使用 @case/eslint-config
使用 @case/eslint-config 配置 eslint 非常简单，你只需要按照以下步骤进行即可。
Step 1: 安装依赖
首先，我们需要安装一些必要的依赖，包括 eslint 和 @case/eslint-config。这里我是在项目根目录下执行命令行。
--- ------- ------ ------------------- ----------
Step 2: 配置 .eslintrc.js
接下来，我们需要在项目的根目录下，创建 .eslintrc.js 文件，并将以下代码复制进去。
-------------- - - -------- --------------------- -
extends属性表示我们要引入的配置规则，这里就是 @case/eslint-config。现在你的 .eslintrc.js 文件看上去应该是这样的：
-------------- - - -------- --------------------- -
Step 3: 修改 package.json scripts
在 package.json 文件中，我们需要添加以下代码
-
---------- -
------- ------- -------------------------
-
-这里的 lint 是我们自定义的命令，你可以修改为你自己喜欢的名称。<your-file-or-directory> 是你要检查的文件或目录。
Step 4: 运行代码检查
现在，我们可以运行以下命令进行代码检查。
--- --- ----
如果你的代码中有违规的规则，eslint 会给出相应的提示。
自定义规则
除了上面介绍的通过 extends 引入 @case/eslint-config 的规则，你还可以根据自己的需求，对 eslint 的规则进行定制化。
比如，我在我们公司的项目中，需要遵守一些特殊的规则，比如不能使用 debugger 语句，这个时候，我们可以在 .eslintrc.js 文件中添加规则。
-------------- - -
-------- ----------------------
------ -
-------------- -------
-
-在这里，我们添加了一条规则，表示不能使用 debugger 语句，如果你的代码中使用了 debugger，将会得到一个 error 级别的报错。
结语
以上就是我对 @case/eslint-config 的一个简单介绍。如果你想要更好地使用 eslint 这个工具，建议你可以尝试一下它，同时也可以根据自己的需求进行一些规则的自定义。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedc229b5cbfe1ea061203d