在前端开发过程中，我们经常使用静态代码检查工具 eslint 来确保我们的代码符合一定的规范和最佳实践。在使用 eslint 的过程中，我们可能会发现我们的一些代码并不能被检查到，这是因为我们的 eslint 配置没有包含这些新规则。
那么如何查找这些新规则并在我们的项目中使用呢？这就需要用到 npm 包 eslint-find-new-rules 了。本文将详细介绍如何使用 eslint-find-new-rules 来查找 eslint 的新规则并使用它们来进行代码检查。
安装
使用 npm 可以很方便地安装 eslint-find-new-rules：
npm install eslint-find-new-rules --save-dev
使用
在安装完成后，我们可以运行以下命令来查看所有的新规则：
npx eslint-find-new-rules
这个命令会列出所有新增加的规则，以及它们所在的 eslint 插件和对应的说明：
New ESLint rules:
eslint-plugin-react-hooks (1):
react-hooks/exhaustive-deps
eslint-plugin-react (1):
react/require-default-props
New Prettier rules (require "@typescript-eslint/parser", "@typescript-eslint/eslint-plugin"): <None>如上所示，这个命令输出了所有新增加的 eslint 规则以及它们所属的插件。
引入新规则
在找到了新的规则之后，我们需要将它们加入到我们的 eslint 配置中，以便我们的代码可以被检查。
安装插件
在加入新规则之前，你需要确保对应的插件已经被安装。以在项目中使用 react/require-default-props 为例，我们需要安装 eslint-plugin-react 插件：
npm install eslint-plugin-react --save-dev
配置 .eslintrc.js
在安装好对应的插件之后，我们需要在 .eslintrc.js 中加入对应的规则：
{
"extends": ["eslint:recommended", "plugin:react/recommended"],
"plugins": ["react"],
"rules": {
"react/require-default-props": "error"
}
}在这个例子中，我们将 react/require-default-props 规则添加到 rules 对象中，并设置为 “error”。这意味着如果我们的代码违反了这个规则，eslint 将会抛出错误，报告代码需要满足这个规则。
如上所示，通过以上步骤，我们已经可以找到新规则并将它们加入到我们的 eslint 配置中，以便在我们的代码检查过程中使用。
总结
在本文中，我们介绍了 npm 包 eslint-find-new-rules 的使用教程，并详细讲解了如何将新增加的 eslint 规则加入到我们的 eslint 配置中来进行代码检查。通过这些步骤，我们可以更好地保证代码的质量和可读性，让我们的代码更加健壮和可维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3f5856dbf7be33b2567199