ESLint
- 什么是 ESLint?ESLint是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码的一致性和避免错误
- 为什么需要它?辅助编码规范执行,有效控制代码质量;遵守良好的规范可以让一个人少犯错误,在团队协作中,保障一个团队代码风格相同,避免低级 Bug
WebStorm 配置
- 安装插件
- 开启 ESLint
- 打开:File | Settings | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint
- 勾选:Automatic ESLint configuration
- 配置 ESLint 插件
- 打开:File | Settings | Other Settings | ESLint Settings
- 勾选:Enable
- Node interpreter:
C:\Program Files\nodejs\node.exe
- Path to eslint bin:
C:\your project\node_modules\.bin\eslint.cmd
- 勾选:Use specific config file,填写:
.eslintrc.js
- 添加快捷键
- 打开: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
必须 注册 为本站用户, 登录 后才可以发表评论!