简介
在前端开发中，保持代码规范和可读性是非常重要的，这不仅有助于提高团队合作效率，也有助于后期维护修改。ESLint 是一个常用的代码规范检查工具，在开发中可以设置检查规则来确保代码质量。而 @jedwards1211/eslint-config 是一个针对 ESLint 的配置包，它集成了许多常用的规则集，可以帮助你快速搭建一个代码规范良好的开发环境。
安装与配置
安装
使用 npm 包管理工具，执行以下命令来安装 @jedwards1211/eslint-config：
npm install --save-dev @jedwards1211/eslint-config
配置
在项目根目录创建 .eslintrc.json 文件，并进行如下配置：
{
"extends": "@jedwards1211/eslint-config"
}这里我们采用了继承配置的方式，这意味着你可以通过扩展你的配置来禁用或更改规则。如果你需要覆盖一些规则，则可以在 .eslintrc.json 文件中覆盖它们，并将值设置为 "off" 或者是 "0"。
使用
执行以下命令来运行 ESLint：
npx eslint yourfile.js
你也可以使用一些默认规则来对文件夹中的所有文件运行 ESLint：
npx eslint .
如果你使用了类似于 webpack，babel 或者是类似的工具链，你可以添加 ESLint 规则作为一个 webpack-loader 或者是 babel 规则来呈现这些警告和错误信息。
示例
下面是一个简单的示例：
-- -------------------- ---- ------- ----- --- - -- ----- --- - -- -- --- -- ---- -- ---- - ----------------- - --- - ------ - ---------- - ----------------- - ----- --- - - ---- ---------- ----- --------- -- ------------------------
在运行 npx eslint yourfile.js 之后，你将会得到以下输出结果：
yourfile.js
6:13 error Expected '===' and instead saw '==' eqeqeq
14:3 error Expected catch() { block contents } error
18:13 error 'yellow' is not found in 'obj' no-undef
✖ 3 problems (3 errors, 0 warnings)这意味着如果你修改了 .eslintrc.json 文件，例如将 "eqeqeq" 修改为 "off"，运行输出就不再会有第一条错误信息。
总结
通过本文可以了解 @jedwards1211/eslint-config 的使用方法，它可以帮助你快速搭建代码规范良好的开发环境。我们也了解了 ESLint 的使用方法和示例代码，希望这篇文章可以对大家有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedae89b5cbfe1ea0610e65