开发工具 · Tool

WebStorm 配置 ESLint

小编 · 7月29日 · 2020年

ESLint

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

WebStorm 配置

  1. 安装插件
  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 Files\nodejs\node.exe
    • Path to eslint bin:C:\your project\node_modules\.bin\eslint.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

0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!