WebStorm 快捷键大全(Windows / macOS 双平台对照)

作为 JetBrains 家族中最受前端开发者欢迎的 IDE,WebStorm 凭借强大的智能提示、代码重构、调试集成和插件生态,成为 Vue、React、TypeScript、Node.js 等项目的首选开发工具。

但很多开发者只用了它 30% 的功能!
掌握快捷键 = 开发效率翻倍!

本文整理了 最常用、最实用的 WebStorm 快捷键 ,并按功能分类,附带 Windows 与 macOS 双平台对照,建议收藏备用!


🔑 一、通用操作

功能 Windows / Linux macOS
打开文件 Ctrl + Shift + N Cmd + Shift + O
打开最近文件 Ctrl + E Cmd + E
快速切换文件(Recent Files) Ctrl + Shift + E Cmd + Shift + E
全局搜索(Search Everywhere) Double Shift Double Shift
显示所有快捷键 Ctrl + Shift + A Cmd + Shift + A
切换全屏 Alt + V → Enter Ctrl + Cmd + F

💡 技巧Double Shift(连按两次 Shift)是 WebStorm 的"万能搜索",可搜类、文件、动作、设置!


✂️ 二、编辑与代码操作

功能 Windows / Linux macOS
复制当前行 Ctrl + C(无选中时) Cmd + C(无选中时)
删除当前行 Ctrl + Y Cmd + Delete
复制行到下一行 Ctrl + D Cmd + D
移动行上下 Alt + Shift + ↑/↓ Option + Shift + ↑/↓
注释 / 取消注释 Ctrl + / Cmd + /
块注释 Ctrl + Shift + / Cmd + Shift + /
自动格式化代码 Ctrl + Alt + L Cmd + Option + L
优化导入(删除未使用 import) Ctrl + Alt + O Cmd + Option + O
重命名(智能重构) Shift + F6 Shift + F6
查找并替换 Ctrl + R Cmd + R
多光标编辑 Alt + 鼠标点击 Option + 鼠标点击

推荐Ctrl + Alt + L(格式化)配合 ESLint/Prettier,代码瞬间整洁!


🔍 三、导航与查找

功能 Windows / Linux macOS
跳转到定义 Ctrl + BCtrl + 鼠标左键 Cmd + BCmd + 鼠标左键
查看用法(Find Usages) Alt + F7 Option + F7
返回上一位置 Ctrl + Alt + ← Cmd + Option + ←
前进到下一位置 Ctrl + Alt + → Cmd + Option + →
查找类 Ctrl + N Cmd + O
查找符号(方法/变量) Ctrl + Shift + Alt + N Cmd + Option + O
在文件中查找 Ctrl + F Cmd + F
全局查找 Ctrl + Shift + F Cmd + Shift + F

🌟 神器组合Alt + F7 查看某个函数被哪些地方调用,重构时超有用!


🛠️ 四、运行与调试

功能 Windows / Linux macOS
运行当前配置 Shift + F10 Ctrl + R
调试当前配置 Shift + F9 Ctrl + D
继续执行(Debug) F9 Cmd + Option + R
单步跳过(Step Over) F8 F8
单步进入(Step Into) F7 F7
停止运行 Ctrl + F2 Cmd + F2

⚠️ 注意:macOS 的 F1~F12 默认是多媒体键,需按住 Fn 或在系统设置中改为"标准功能键"。


📂 五、项目与文件管理

功能 Windows / Linux macOS
新建文件/目录 Alt + Insert Cmd + N
重命名文件 Shift + F6 Shift + F6
在资源管理器中打开 Alt + F1 → 1 Cmd + 1 → 右键 Open in Finder
折叠/展开代码块 Ctrl + - / + Cmd + - / +
折叠全部方法 Ctrl + Shift + - Cmd + Shift + -

🎯 六、高效技巧(进阶)

1. Live Templates(代码模板)

  • 输入 log + Tab → 自动生成 console.log()
  • 输入 for + Tab → 快速生成 for 循环
  • 自定义:File → Settings → Editor → Live Templates

2. Postfix Completion

javascript 复制代码
arr.for  // 输入后按 Tab → 生成 for 循环遍历 arr
obj.null // 按 Tab → 生成 if (obj == null) 判断

3. 快速修复(Alt + Enter)

  • 未导入的模块?按 Alt + Enter 自动 import!
  • 拼写错误?自动建议修正。
  • 未处理的 Promise?自动加 .catch()try/catch

WebStorm 的智能,藏在 Alt + Enter 里!


📥 七、自定义快捷键

路径:
File → Settings → Keymap(Windows)
WebStorm → Preferences → Keymap(macOS)

  • 可切换为 Eclipse / Visual Studio / Sublime 等预设方案
  • 支持右键为任意操作绑定新快捷键

✅ 总结:新手必记 5 大快捷键

场景 快捷键(Windows) 快捷键(macOS)
快速打开文件 Ctrl + Shift + N Cmd + Shift + O
跳转到定义 Ctrl + B Cmd + B
格式化代码 Ctrl + Alt + L Cmd + Option + L
重命名变量/函数 Shift + F6 Shift + F6
万能操作搜索 Ctrl + Shift + A Cmd + Shift + A

相关推荐
Java技术实践12 小时前
JPA 用 List 入参在 @Query中报错 unexpected AST node: {vector}
数据结构·windows·list
wangqiaowq12 小时前
ImmutableList.of() 是 Google Guava 库 提供的一个静态工厂方法,用于创建一个不可变的(immutable)列表。
开发语言·windows·python
小龙报12 小时前
《算法每日一题(1)--- 连续因子》
c语言·开发语言·c++·windows·git·算法·visual studio
日日行不惧千万里13 小时前
绕过微软联网账号限制:用本地用户安装 Windows 11 的最新 3 种方法
windows·microsoft
java_logo13 小时前
Docker 部署 MinIO 全指南
运维·windows·mongodb·docker·容器
黄雄进14 小时前
Windows使用docker安装milvus的配置文件
windows·docker·milvus
前端架构师-老李14 小时前
Java开发—JDK的安装和版本管理(macOS)
java·开发语言·macos
Digitally14 小时前
如何将 Android 联系人备份到 Mac 的 4 种简单
android·macos
风火一回15 小时前
windows修改hosts批处理脚本
windows·hosts
一勺菠萝丶15 小时前
在 macOS 上用 Docker 为 Java 后端 & 常见开发需求搭建完整服务(详尽教程)
java·macos·docker