VS Code 快捷键指南：少用鼠标的高频操作

VS Code 快捷键很多，但真正能明显减少鼠标操作的，不需要一开始记一整张表。最先值得练熟的是 6 组：命令面板、快速打开、全局搜索、侧栏切换、终端切换、多光标编辑。掌握它们之后，编辑器的使用节奏会完全不同。

目录

• 先记这几个最值回票价的
• 命令面板和快速打开
  • 命令面板
  • 快速打开文件
• 文件、标签页和侧栏
  • 关闭当前标签
  • 切换侧栏
  • 打开资源管理器
• 编辑与多光标
  • 多光标
  • 移动行、复制行
• 搜索、跳转与定位
  • 全局搜索
  • 当前文件内搜索
  • 跳到定义
• 终端和 Git 面板
  • 打开终端
  • Source Control 面板
• 快捷键该怎么记，才不会三天就忘
• 结论
• 参考资料

先记这几个最值回票价的

macOS 下，建议优先练熟：

如果你是从 Windows 转过来，可以先把 VS Code 当成“文件跳转 + 搜索 + 批量改名”工具，而不是强迫自己一次背完所有快捷键。

命令面板和快速打开

命令面板

Shift + Cmd + P

这是 VS Code 里最重要的入口。你忘了某个功能在哪个菜单、某个扩展命令叫什么，先开命令面板搜。

快速打开文件

Cmd + P

配合文件名模糊搜索，通常比点侧栏更快。大型项目里尤其明显。

如果你主要在 React / Next.js 项目里工作，这个习惯和 Next.js 路由指南 配合会很顺，因为你会频繁按文件路径组织页面结构。

文件、标签页和侧栏

关闭当前标签

Cmd + W

切换侧栏

Cmd + B

打开资源管理器

资源管理器和搜索、Git 面板都可以通过命令面板或活动栏切换，但如果你经常在几个面板之间跳，最好给自己定一套习惯，不要鼠标和快捷键混着来回切。

编辑与多光标

多光标

Option + Click
Cmd + D
Cmd + Shift + L

• Option + Click：在多个位置手动放光标
• Cmd + D：逐个选中下一个相同词
• Cmd + Shift + L：一次选中所有相同匹配

这类操作在改变量名、批量补前缀、处理重复 JSX 结构时效率很高。

移动行、复制行

Option + Up/Down
Shift + Option + Up/Down

• 直接移动当前行
• 或复制当前行到上方/下方

搜索、跳转与定位

全局搜索

Cmd + Shift + F

适合跨文件查组件、类名、接口字段或文案。

当前文件内搜索

Cmd + F

跳到定义

F12
Cmd + Click

如果项目类型信息完整，跳转体验会非常好；如果经常跳不准，通常是 TypeScript 配置、路径别名或工程结构有问题，可以反查 前端项目配置文件指南。

终端和 Git 面板

打开终端

Ctrl + `

这在前端开发里非常高频，因为你会不断在编辑器内切回：

• npm run dev
• git status
• pnpm test

Source Control 面板

如果你已经开始习惯键盘流，建议把“看改动、写提交、切终端”串起来使用。Git 基础动作可以和 Git 入门工作流 结合练。

快捷键该怎么记，才不会三天就忘

• 先练每天都用的 5 到 8 个
• 按“场景”记，不按“功能清单”记
• 统一一套动作习惯，例如所有打开都先从命令面板或快速打开开始
• 真正高频的操作才值得改成自定义绑定

如果一个快捷键你一周只会用一次，就没必要强记。

结论

• VS Code 快捷键不需要一次背全。
• 先掌握命令面板、快速打开、全局搜索、终端、多光标、侧栏切换。
• 键盘流最核心的不是“快捷键数量”，而是你能不能把文件跳转、编辑、搜索、执行命令串成一个动作链。

参考资料

• VS Code Keyboard Shortcuts