ESLint 是一个用于检查 JavaScript 代码质量的工具，它可以帮助开发者发现代码中的潜在问题，并且可以提供规范化的代码风格。在使用 ES6 语法时，ESLint 可以帮助我们发现一些常见的错误，例如变量未定义、语法错误等。本文将介绍如何配置 ESLint 来满足 ES6 的使用。
安装 ESLint
首先，我们需要在项目中安装 ESLint。可以使用 npm 或者 yarn 来安装：
npm install eslint --save-dev
或者
yarn add eslint --dev
配置 ESLint
在安装完 ESLint 之后，我们需要配置它来满足 ES6 的使用。ESLint 的配置文件是一个 .eslintrc 文件，它可以是一个 JSON 文件或者是一个 JavaScript 文件。我们可以在其中配置各种规则来检查和修复我们的代码。
使用预设
ESLint 提供了一些预设，可以帮助我们快速地配置一些常用的规则。其中，eslint-config-airbnb-base 是一个非常流行的预设，它提供了一套严格的 JavaScript 代码规范。我们可以使用 npm 或者 yarn 来安装它：
npm install eslint-config-airbnb-base --save-dev
或者
yarn add eslint-config-airbnb-base --dev
然后，在 .eslintrc 文件中添加以下内容：
{
"extends": "airbnb-base"
}这样，我们就可以使用预设中的规则来检查我们的代码了。
配置 ECMAScript 6
ESLint 也提供了一些规则来检查 ES6 代码。我们可以在 .eslintrc 文件中添加以下内容来开启 ES6 检查：
{
"extends": "airbnb-base",
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module"
}
}其中，parserOptions 中的 ecmaVersion 表示我们要使用的 ECMAScript 版本，这里设置为 6 表示我们要使用 ES6。sourceType 表示我们要使用的模块类型，这里设置为 module 表示我们要使用 ES6 模块。
配置插件
ESLint 还提供了一些插件，可以帮助我们检查一些特定的代码。例如，eslint-plugin-import 插件可以帮助我们检查 import 和 export 语句的使用。我们可以使用 npm 或者 yarn 来安装它：
npm install eslint-plugin-import --save-dev
或者
yarn add eslint-plugin-import --dev
然后，在 .eslintrc 文件中添加以下内容：
-- -------------------- ---- -------
-
---------- --------------
---------------- -
-------------- --
------------- --------
--
---------- -
--------
-
-这样，我们就可以使用 eslint-plugin-import 插件来检查 import 和 export 语句了。
示例代码
下面是一个使用 ES6 语法的示例代码：
-- -------------------- ---- -------
----- ---- - -------
----- --- - ---
----- ------ - -
-----
----
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
--
------ ------- -------使用 ESLint 检查后，可以发现以下问题：
name和age变量未使用，可以删除。person对象中的sayHello方法中使用了模板字符串，但是没有开启 ES6 模块检查，可以在.eslintrc文件中添加{"parserOptions": {"sourceType": "module"}}来开启。
结论
ESLint 是一个非常有用的 JavaScript 代码检查工具，它可以帮助我们发现代码中的潜在问题，并且可以提供规范化的代码风格。在使用 ES6 语法时，我们可以通过配置 ESLint 来满足 ES6 的使用，从而提高代码质量和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757fae51f226a773638d8f2