随着前端技术的发展，代码规范也越来越重要。为了避免无意义的错误和代码不一致性，许多开发人员都使用了 ESLint 工具来帮助他们保持代码质量。在本文中，我们将介绍如何使用 npm 包 eslint-config-jonathanewerner 来保持代码规范。
什么是 eslint-config-jonathanewerner？
eslint-config-jonathanewerner 是一个可复用的 eslintrc 配置，它基于 eslint 官方的规则和个人经验，帮助开发人员遵守编码规范。它启用了许多 eslint 规则和插件，并添加了一些额外的规则和配置来帮助您创建一致的代码风格。
如何使用 eslint-config-jonathanewerner？
首先，您需要确保您的项目中有 ESLint。
npm install eslint --save-dev
接下来，您可以使用以下命令安装 eslint-config-jonathanewerner。
npm install eslint-config-jonathanewerner --save-dev
安装完成后，您需要创建一个 .eslintrc 文件并配置 eslint-config-jonathanewerner 的扩展。
{
"extends": ["jonathanewerner"]
}现在您可以运行 ESLint 并检查您的代码了。
./node_modules/.bin/eslint your-file.js
eslint-config-jonathanewerner 的配置项
eslint-config-jonathanewerner 默认启用了大部分规则和插件，您可以直接使用这些默认配置。如果您想要更详细的配置，可以参考 eslint-config-jonathanewerner 的文档。
以下是一些具有代表性的配置项：
parser
eslint-config-jonathanewerner 默认使用 babel-eslint 解析器，用于将 ES6+ 代码转换成 ES5 语法。如果您要使用其他解析器，可以在您的 .eslintrc 文件中指定它。
{
"parser": "some-other-parser"
}globals
eslint-config-jonathanewerner 默认不允许使用全局变量，如果您需要使用全局变量，请定义它们在您的 .eslintrc 文件。
{
"globals": {
"window": true,
"document": true
}
}rules
eslint-config-jonathanewerner 默认启用了大量规则，如果您想要修改某些规则，可以在您的 .eslintrc 文件中定义它们。
{
"rules": {
"strict": ["error", "safe"]
}
}总结
eslint-config-jonathanewerner 可以帮助您保持一致的代码风格和质量。它提供了许多默认配置，并允许您进行更详细的配置。
在您将 eslint-config-jonathanewerner 集成到您的项目中后，您可以使用 ESLint 工具来检查您的代码，并不断改进您的代码质量。
实例代码
-- -------------------- ---- -------
-- --- ---- -------
--- - - --
--- - - --
---- - -- -
-------------- -- ---- ---- ----
------
-------------- -- ---- ---- ----
-
-- ---- ---- -------
----- - - --
----- - - --
-- -- - -- -
-------------- -- ---- ---- ----
- ---- -
-------------- -- ---- ---- ----
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3f572adbf7be33b2567198