跳到主要内容

WebStorm 使用技巧

  • Inlay Hints 使用太占位置了，关掉挺好。

显示优化​

关闭 Inlay Hints​

Inlay Hints（内联提示）会在参数、类型等位置插入灰色文字提示，虽然有用但太占空间。

  • Settings → Editor → Inlay Hints → 取消勾选不需要的项
  • 或使用快捷键 Alt+Enter → Toggle inlay hints

推荐字体配置​

  • 编辑器字体：JetBrains Mono / Fira Code（启用 ligatures）
  • 字号 14px，行高 1.5
  • Terminal 字体与编辑器保持一致

高效快捷键​

导航​

  • Cmd+Shift+O：按文件名搜索文件
  • Cmd+O：按类/符号名搜索
  • Cmd+E：最近打开的文件
  • Cmd+Shift+E：最近编辑的文件
  • Cmd+B / Cmd+Click：跳转到定义
  • Cmd+Shift+Backspace：回到上次编辑位置

编辑​

  • Cmd+D：复制当前行
  • Cmd+Shift+上/下：移动行
  • Ctrl+G：选择下一个相同的文本（类似 VSCode Cmd+D）
  • Cmd+Shift+Enter：补全当前语句（加分号、括号等）
  • Option+Enter：Quick Fix / Import

重构​

  • Shift+F6：重命名（全局安全重命名）
  • Cmd+Option+M：Extract Method
  • Cmd+Option+V：Extract Variable
  • Cmd+Option+C：Extract Constant

实用插件推荐​

  • Rainbow Brackets：彩虹括号匹配
  • Key Promoter X：提醒你常用操作的快捷键
  • .ignore：管理各种 ignore 文件
  • GitToolBox：增强 Git 集成（行内 blame 等）
  • Atom Material Icons：更好的文件图标

性能优化​

  • 排除 node_modules：Settings → Directories → 右键 Excluded
  • 调整内存：Help → Change Memory Settings（建议 4096 MB）
  • 关闭不需要的 inspections：Settings → Editor → Inspections
  • 使用 .idea/workspace.xml 中的 Power Save Mode 临时关闭后台分析

与 VSCode 对比优势​

  • 重构能力更强（安全重命名跨文件、Extract 系列）
  • 内置 HTTP Client（可直接在 IDE 中发请求）
  • 数据库工具内置（连接 MySQL/PostgreSQL 直接查询）
  • 更智能的代码补全（基于数据流分析）
  • 内置 Diff/Merge 工具更好用