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 |