WebStorm 配置 ESLint

# ESLint

• 什么是 ESLint ？ ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误
• 为什么需要它？ 辅助编码规范执行，有效控制代码质量；遵守良好的规范可以让一个人少犯错误，在团队协作中，保障一个团队代码风格相同，避免低级 Bug

# WebStorm 配置

1. 安装插件
   • ESLint

2. 开启 ESLint

• 打开：File | Settings | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint
• 勾选：Automatic ESLint configuration

3. 配置 ESLint 插件

• 打开：File | Settings | Other Settings | ESLint Settings
• 勾选：Enable
• Node interpreter：C:Program Filesnodejsnode.exe
• Path to eslint bin：C:your projectnode_modules.bineslint.cmd
• 勾选：Use specific config file，填写：.eslintrc.js

4. 添加快捷键

• 打开：File | Settings | Keymap
• 找到：Plug-ins | JavaScript and TypeScript | Fix ESLint Problems
• 添加：ALT + L

快捷键选择原因：保持与代码格式化快捷键一致

• Reformat Code：Ctrl + Alt + L
• Show Reformat File Dialog：Ctrl + Alt + Shift + L