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 + 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
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 |
浙公网安备 33010602011771号