什么是 ESLint
ESLint 是一款 JavaScript 代码检查工具，它可以帮助我们检查代码质量，避免错误，提高代码可读性和可维护性。ESLint 提供了丰富的规则集合，可以帮助我们检查语法错误、未定义变量、不规范的代码风格、潜在的安全问题等等。
ESLint 在 WebStorm 中的安装
在 WebStorm 中使用 ESLint 需要先安装 ESLint 插件，可以通过 File -> Settings -> Plugins 打开插件安装窗口搜索 ESLint 插件，然后点击 Install 安装即可。
在安装完成后需要在 WebStorm 中配置使用 ESLint，可以通过 File -> Settings -> Editor -> Inspections 打开 Inspections 窗口，选择 JavaScript，然后勾选 ESLint 插件即可。
ESLint 规则的配置
ESLint 提供了很多的规则集合，每个规则集合都包含了多个规则，可以用于检查代码的不同问题。但是默认情况下 ESLint 并不会检查所有规则，需要通过配置来启用对应的规则集合和规则。在配置规则之前，需要先安装对应的规则集合，可以通过 npm 安装，例如安装 Airbnb JavaScript style guide 的规则集合：
npm install --save-dev eslint-config-airbnb
安装完成后，在 .eslintrc 文件中配置规则，例如：
-- -------------------- ---- -------
-
---------- -
--------
--
-------- -
------- --------
------------- ------
-
-其中 "extends": ["airbnb"] 表示启用 Airnb 的规则集合，"rules": {...} 表示覆盖默认的规则，比如禁止使用 console、强制使用分号等等。可以通过 ESLint 官方文档 查看所有可用的规则。
使用 ESLint 自动修复问题
除了检查代码问题，ESLint 也可以帮助我们自动修复部分问题，例如自动去除多余的空格、自动插入缺少的分号等等。可以通过 WebStorm 中的快捷键或者命令行的方式来进行自动修复，例如：
使用 WebStorm 快捷键 Ctrl + Alt + L 可以对当前文件进行修复。
使用命令行的方式可以使用以下命令来修复：
npx eslint <file/directory> --fix
例如修复 src 目录下所有 JavaScript 文件：
npx eslint src --fix
总结
ESLint 是一款非常实用的 JavaScript 代码检查工具，可以帮助我们提高代码质量，避免错误，提高代码可读性和可维护性。在 WebStorm 中使用 ESLint 可以让我们更方便地进行代码检查和修复。通过本文的介绍，你已经可以学会如何在 WebStorm 中使用 ESLint 了，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a902bc48841e9894555578