作为 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 + B 或 Ctrl + 鼠标左键 |
Cmd + B 或 Cmd + 鼠标左键 |
| 查看用法（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 |