webstorm2020配置eslint

WebStorm是一个强大的JavaScript IDE，集成ESLint可以提供代码质量检查功能。以下是配置WebStorm 2020以支持ESLint的步骤：

1. **安装ESLint**: 首先确保已经全局安装了ESLint，如果没有，可以在终端或命令提示符中运行 `npm install eslint -g`。

2. **安装插件**: 打开WebStorm，点击菜单栏的 "Preferences" 或 "Settings" (取决于你的操作系统)，然后选择 "Plugins" -> "Marketplace"。搜索并安装 "ESLint" 插件，例如 "ESLint Integration for WebStorm"。

3. **设置 ESLint 配置文件**:
a. 创建或编辑项目根目录下的 `.eslintrc.js` 或者`.eslintrc.json` 文件，这是ESLint的配置文件，可以自定义规则集。
b. 如果已有其他配置文件如`.eslintrc.yml`，记得在WebStorm中同步更新插件设置。

4. **配置插件**: 启动或重启WebStorm后，在 "File" -> "Settings" -> "Editor" -> "Code Quality Tools" 中，找到 "ESLint"。如果它不在列表里，点击 "+" 添加一个新的配置，指定你的 `.eslintrc` 文件路径。

5. **启用实时检查**:
a. 在同一设置中，勾选 "Run Code Inspections on Save"，这样每次保存文件时，WebStorm都会自动运行ESLint检查。
b. 可以根据需要调整错误高亮、警告显示等选项。

6. **运行检查**:
- 直接按快捷键 `Ctrl+Shift+Alt+F12`（Windows/Linux）或 `Cmd+Shift+Alt+F12`（Mac）运行ESLint检查，或者右键单击文件或文件夹，选择 "Inspect Code"。