#npm 包 @jokeyrhyme/eslint-config-es2015 使用教程
在前端开发中，正确的编码规范是至关重要的。为了实现一致的代码风格和可读性，我们需要使用工具来检查我们的代码。其中之一就是 ESLint - 一个流行的 JavaScript 代码检查器。
本文将介绍如何使用 npm 包 @jokeyrhyme/eslint-config-es2015 来设置 ESLint 配置，以便在您的项目中使用最新的 ECMAScript 6（ES6 或 ES2015）语言功能。
准备步骤
在使用这个配置之前，您需要确保您的项目已经设定了 npm 管理器。如果您还没有，请先安装 npm 管理器 。
安装 npm 包 @jokeyrhyme/eslint-config-es2015：
npm install --save-dev @jokeyrhyme/eslint-config-es2015
在您的项目根目录下创建一个新文件 .eslintrc.json 。
在该文件中添加以下配置：
{
"extends": "@jokeyrhyme/eslint-config-es2015"
}配置说明
通过在 .eslintrc.json 文件中的 extends 属性添加配置，我们可以配置我们的 ESLint 规则。在这种情况下，我们使用了 @jokeyrhyme/eslint-config-es2015 提供的包括所有 ES6 功能的规则，以便在编写项目时使用 ES6 的语言功能。
这个扩展还包含 standard rules ，这些规则定义了 ESLint 的基本风格指南。我们可以使用 .eslintrc.json 文件更改这些规则，但我们将不会在本文中讨论。
示例代码
在下面的示例代码中，我们将使用 ES6 的箭头函数和模板字符串示例演示如何使用 ESLint 检查我们的代码规范。
-- -------------------- ---- ------- -- ------- ----- ---- - ------------- -------------------- -- --- ----- -- ----------- -- ---------- -- --- ----- -- ----------- -- ------ ----- ------- - --- -- -- -- --- ----- ----------- - --------------------- -- ------ - - --- --- ------------------------- -- ------ --
如果您将此代码作为 .js 文件添加到您的项目中，并运行 ESLint，您将得到：
npm run lint
> eslint . path/to/file.js 2:13 error Strings must use singlequote quotes 5:23 error Strings must use singlequote quotes 8:29 error Strings must use singlequote quotes ✖ 3 problems (3 errors, 0 warnings)
由于我们启用了 @jokeyrhyme/eslint-config-es2015，上述错误将显示为验证失败。在此示例代码中，我们使用了双引号而不是 ESLint 推荐的单引号，因此出现了错误。
为了修复这个错误，我们将使用单引号来包含字符串。
-- -------------------- ---- ------- ----- ---- - ------------- -------------------- -- --- ----- -- ----------- -- ---------- -- --- ----- -- ----------- ----- ------- - --- -- -- -- --- ----- ----------- - --------------------- -- ------ - - --- --- ------------------------- -- ------ --
现在，当我们再次运行 ESLint 进行验证时，结果会通过验证，因为我们已经修复了代码规范错误。
以上就是使用 @jokeyrhyme/eslint-config-es2015 建立 ES6 项目的步骤。希望这个教程能够帮助您设置代码规范和开始使用 ESLint 检查我们的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc3967216659e2442ac