在前端开发中，代码的质量是至关重要的，而 ESLint 是一个流行的代码质量工具，它可以帮助我们检查代码中的错误、风格、潜在问题等。
本文将介绍如何使用 npm 包 @jwalsh/eslint-config-recommended 来配置你的 ESLint，以便更好地管理你的前端代码质量。
简介
@jwalsh/eslint-config-recommended 是一个 ESLint 的配置文件，它包含了一些推荐的规则，能够帮助我们在代码开发的过程中发现一些常见的错误和潜在问题。
安装
使用 npm 包管理工具安装 @jwalsh/eslint-config-recommended：
npm install --save-dev @jwalsh/eslint-config-recommended
配置
在项目根目录创建一个名为 .eslintrc.json 的文件，添加以下内容：
{
"extends": "@jwalsh/recommended"
}这将启用 @jwalsh/eslint-config-recommended 中定义的规则集。
然后，在项目根目录下运行以下命令，以检查你的代码：
npx eslint "src/**/*.{js,jsx}"假设你的代码文件都在 src 目录下，使用 .js 或 .jsx 扩展名。
你也可以在 package.json 文件中添加以下脚本：
{
"scripts": {
"lint": "eslint \"src/**/*.{js,jsx}\""
}
}这样运行 npm run lint 命令时，就会自动调用 eslint 工具来检查你的代码。
规则定制
@jwalsh/eslint-config-recommended 中定义的规则不一定适用于所有项目，一些规则可能需要针对项目做出相应的修改。
在 .eslintrc.json 文件中，你可以覆盖规则中的某些配置项。例如：
{
"extends": "@jwalsh/recommended",
"rules": {
"semi": ["error", "never"]
}
}这将覆盖 @jwalsh/eslint-config-recommended 中配置的分号规则。
结语
ESLint 是一个非常有用的工具，可以帮助我们提高代码质量，发现潜在问题。@jwalsh/eslint-config-recommended 为我们提供了一个优秀的规则集，可以帮助我们更好地管理代码。希望这篇文章可以帮助你更好地使用 ESLint 在前端开发中管理代码的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005580181e8991b448d5233