ESLint 是一款常用的 JavaScript 代码检查工具，可以帮助我们避免写出一些潜在的代码问题。然而，ESLint 默认只支持到 ES5 语法标准，当我们在项目中使用 ES6 或更新的语法时，就会出现无法识别的问题。本文将介绍如何配置 ESLint，使其支持 ES6 语法标准。
安装 ESLint
首先，我们需要安装 ESLint。可以使用 npm 进行安装：
--- ------- ------ ----------
配置 ESLint
接着，我们需要在项目中创建一个 .eslintrc 文件，用于配置 ESLint。
可以手动配置 .eslintrc 文件，也可以使用 ESLint 的 CLI 工具自动生成。使用以下命令生成一个带有 ES6 配置的 .eslintrc 文件：
--- ------ ------
根据提示，选择以下选项：
- How would you like to configure ESLint? Use a popular style guide
- Which style guide do you want to follow? Airbnb
- Do you use React? No
- What format do you want your config file to be in? JSON
- Would you like to install them now with npm? Yes
这样，我们就可以得到一个包含 ES6 配置的 .eslintrc 文件。其中，"ecmaVersion": 6 表示我们使用 ES6 语法标准。
如果你想自己手动配置 .eslintrc 文件，可以添加以下内容：
-
---------------- -
-------------- - -- ------ --- ----
--
-------- -
-- -------- ------ ------
-
-使用 ESLint
配置完 ESLint 后，我们可以在项目中使用 ESLint 进行代码检查。可以使用以下命令检查所有 .js 文件：
--- ------ -
注意，这里的 . 表示检查整个项目。如果只想检查某些指定的文件或目录，可以将 . 替换成相应的文件名或目录名。
ESLint 默认只打印出错误信息，如果想查看更多信息可以添加 --debug 参数：
--- ------ - -------
另外，可以在项目的 package.json 文件中添加以下配置，使 ESLint 在保存文件时自动检查代码：
-
---------- -
------- ------- --
--
------------------ -
--------- ---------
--
--------------- -
---------- -
---------------------
-----------------------------
--
---------------- -
-------------- ---
------------- --------
--
-------- -
------------- -------
-------------------- ------
-
-
-添加完后，可以使用以下命令启动自动检查：
--- --- ---- -- -----
这里的 --fix 参数表示可以将一些不符合规范的代码自动修复。如果不想自动修复，可以去掉 --fix 参数。
示例代码
-- ---------
-
---------------- -
-------------- -
--
-------- -
------- -------
-
-
-- --------
----- ---- - -----
-----------------
这段代码会报一个 missing semicolon 的错误，因为 ESLint 规定每个语句必须以分号结束。
结论
ESLint 是一个常用的 JavaScript 代码检查工具，可以帮助我们发现代码中的潜在问题。ESLint 默认只支持到 ES5 语法标准，当我们在项目中使用 ES6 或更新的语法时，就会出现无法识别的问题。通过本文介绍的方法，可以配置 ESLint，使其支持 ES6 语法标准。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6729caef2e7021665e25a9cf