摘要:大多数程序员在 VS Code 里的操作模式是:鼠标点文件 → 鼠标选文字 → 鼠标切窗口 → ⌘C → ⌘V → ⌘S。但 VS Code 设计的核心理念是"手不离键盘"——它的快捷键体系可以让你从打开项目到提交代码全程不碰鼠标。本文整理了 20 个最实用的 VS Code 快捷键,按「代码导航」「快速编辑」「多光标」「窗口管理」「搜索替换」五大场景分类,每个附实际使用场景。文末补充一个"Finder 里怎么不离开 VS Code 就能知道项目文件夹大小"的小技巧。
本文信息:基于 VS Code 1.90+ / macOS 实测。Windows 用户将
⌘替换为Ctrl、⌥替换为Alt即可。
一、问题背景
你一天点了几次鼠标?
回忆一下你刚才写代码的 10 分钟:
- 想打开另一个文件 → 鼠标移到左侧文件树 → 上下翻找 → 点击打开
- 想选中一个变量名 → 鼠标拖选
- 想把光标跳到行尾 → 鼠标点击行尾
- 想切回上一个文件 → 鼠标移到 Tab 栏 → 点击
- 想在这个变量的所有出现处加个 console → 一个一个手动加
以上每个操作,都有对应的键盘快捷键可以替代——而且按键组合通常是 2-3 个键,比手从键盘移到鼠标再移回来的时间短得多。
如果你每天写 8 小时代码,手从键盘移到鼠标再移回来的次数以千计。把每千次中的 80% 用快捷键替代——你省下的不是"写代码的时间",而是"操作编辑器的时间"。
二、20 个快捷键,按用场景分级
🟢 场景一:代码导航(每天用 100+ 次)
快捷键 1:⌘P — 按文件名打开文件
场景:你想打开 src/components/UserProfile.tsx。不用鼠标在左侧文件树里逐层展开。
⌘P → 输入"userpro" → 回车
VS Code 会模糊匹配。你不需要打完整路径和完整文件名——打 3-4 个字母就够了。
效率:比鼠标点开文件树快 3-5 秒。一天打开 30 个文件 = 省 1.5 分钟。
快捷键 2:⌘⇧E / ⌘⇧F — 在侧边栏之间跳转
场景:你在文件树、搜索面板、Git 面板之间切来切去。
⌘⇧E → 跳到文件树(Explorer)
⌘⇧F → 跳到全局搜索(Find)
⌘⇧G → 跳到 Git 面板
⌘⇧X → 跳到扩展面板
效率:不需要鼠标去点左侧的图标栏。这四个是 VS Code 的"四大面板"切换键。
快捷键 3:⌘T — 搜索整个项目中的符号
场景:你记得有个函数叫 handleLogin,但不记得在哪个文件里。
⌘T → 输入"handleLogin" → 回车
VS Code 在整个项目中搜索所有函数名、类名、变量名。这比 ⌘⇧F(全局文本搜索)更快——因为它搜的是符号索引,不是全文。
快捷键 4:⌃- / ⌃⇧- — 后退和前进
场景:你从 main.ts 跳到 UserService.ts 再跳到 auth.ts,现在想回 main.ts。不要用鼠标点 Tab 栏找。
⌃- → 回到上一个位置
⌃⇧- → 前进到下一个位置
效率:VS Code 的 Tab 栏在开了 15 个文件之后就毫无可读性。⌃- 让你通过"操作历史"导航,而不是通过视觉搜索。
🟡 场景二:快速编辑(每天用 200+ 次)
快捷键 5:⌘D — 选中下一个相同的词
场景:你想把当前文件里的所有 oldVariableName 改成 newVariableName。
双击选中 oldVariableName
→ 连续按 ⌘D 逐个选中下一个出现处
→ 全部选中后直接输入 newVariableName
vs 全局替换:⌘D 比 ⌘⇧H(全局替换)更安全——你可以看着每一个出现处决定要不要改,而不是一键全部替换。
快捷键 6:⌥↑ / ⌥↓ — 整行移动
场景:你想把当前行往上移一行(和上一行交换位置)。
⌥↑ → 当前行往上移
⌥↓ → 当前行往下移
不需要剪切 → 换行 → 粘贴。两键。
快捷键 7:⌥⇧↑ / ⌥⇧↓ — 复制当前行
场景:你想在当前行下方复制一行完全一样的代码。
⌥⇧↓ → 向下复制
⌥⇧↑ → 向上复制
不需要选中整行 → ⌘C → 换行 → ⌘V。一个组合键。
快捷键 8:⌘/ — 切换注释
场景:临时注释掉一行或一段代码,之后再取消注释。
选中代码 → ⌘/ → 注释
再按 ⌘/ → 取消注释
不只是单行——选中多行同样适用。不需要手动在每行前面加 //。
快捷键 9:⌘⌥[ / ⌘⌥] — 折叠和展开代码块
场景:一个 300 行的函数挡住了你。你只想看函数名,不想看函数体。
⌘⌥[ → 折叠当前代码块
⌘⌥] → 展开当前代码块
⌘K ⌘0 → 折叠所有代码块
⌘K ⌘J → 展开所有代码块
效率:在一个 1000 行的文件里找函数,折叠所有代码块之后只需要 5 秒。比鼠标滚轮滚 30 秒快得多。
快捷键 10:⌘↩ / ⌘⇧↩ — 在下方/上方插入空行
场景:你在行中间想加一行空行。
⌘↩ → 在当前行下方插入空行
⌘⇧↩ → 在当前行上方插入空行
不需要跳到行尾再按回车。光标在行中间直接插。
🔴 场景三:多光标(从没见过同事用)
快捷键 11:⌥⌘↑ / ⌥⌘↓ — 添加多光标
场景:你想在 5 行代码的末尾同时加上同样的后缀。
按住 ⌥⌘ → 按 ↑ 或 ↓ 在当前行的上方/下方添加光标
→ 输入内容 → 所有光标同时输入
经典用例:5 个 const 声明需要同时加类型注解:
const name ← 光标在这里
const email ← 光标在这里
const age ← 光标在这里
⌥⌘↓ 两次 → 三行末尾同时出现光标 → 输入 ": string" → 三行同时完成
快捷键 12:⌥ + 鼠标点击 — 任意位置添加光标
场景:你不是要在连续的几行加光标,而是在文件的不同位置加。
按住 ⌥ → 在任意位置点击鼠标 → 松开 ⌥ → 输入 → 所有光标位置同时输入
经典用例:一个 JSON 配置文件,你想在 8 个不同的键后面同时加 "value"。
🟡 场景四:窗口和编辑器管理
快捷键 13:⌘\ — 分屏
场景:你想同时看两个文件——比如 UserService.ts 和 UserController.ts。
⌘\ → 向右分屏
⌘1 → 聚焦左侧编辑器
⌘2 → 聚焦右侧编辑器
⌘W → 关闭当前编辑器的 Tab
进阶:⌘K ⌘\ → 向右分屏但把焦点也移过去。⌃⌘→ / ⌃⌘← → 在分屏之间移动当前文件。
快捷键 14:⌘B — 切换侧边栏显示
场景:侧边栏(文件树)在你不用的时候占着屏幕空间。
⌘B → 显示/隐藏侧边栏
配合:⌘B 隐藏侧边栏 → 用 ⌘P 打开文件 → 用 ⌘B 恢复侧边栏。全程不碰鼠标,屏幕空间最大化。
快捷键 15:⌃ — 切换终端
场景:你在编辑器和终端之间来回切换。不用鼠标点底部的终端面板。
⌃` → 打开/关闭终端
⌃⇧` → 新建终端
⌘⌥→ / ⌘⌥← → 在终端标签页之间切换
🟢 场景五:搜索和替换
快捷键 16:⌘⇧F — 全局搜索
场景:你知道某个变量名在整个项目中出现了一次,想知道在哪。
⌘⇧F → 输入搜索词 → 回车
F4 → 跳到下一个匹配项
⇧F4 → 跳到上一个匹配项
进阶:在搜索框中可以切换"匹配大小写"“全词匹配”“正则表达式”。有三个按钮,不需要点——用 ⌥⌘C/⌥⌘W/⌥⌘R 切换。
快捷键 17:⌘⇧H — 全局替换
场景:把一个函数名在所有文件中全局替换。
⌘⇧H → 输入搜索词 → Tab → 输入替换词 → ⌘↩ 全部替换
但注意:⌘D(按个选中替换)比 ⌘⇧H(全局一键替换)更安全。能逐个确认的时候不要全量替换。
🟡 场景六:Git 操作(省掉切换终端)
快捷键 18:⌃⇧G — 打开 Git 面板
场景:你想暂存修改、写 commit message、提交。
⌃⇧G → 打开 Git 面板
→ 用 ↑↓ 选择修改的文件 → 按空格暂存
→ ⌘↩ 提交
效率:不用切到终端 → 敲 git add → 敲 git commit -m。VS Code 的 Git 面板对单文件和简单提交比终端更快。
快捷键 19:⇧⌘P — 命令面板(万能的入口)
场景:你不知道某个操作的快捷键是什么,但你记得名字。
⇧⌘P → 输入操作名(如 "format document")→ 回车
命令面板是 VS Code 的"万能搜索"——任何你能在菜单栏里找到的操作,都能在这里搜到。如果搜到的操作显示有快捷键,记住它;如果没有,你可以给它设一个。
额外技巧:Finder 里怎么不离开 VS Code 就知道项目文件夹大小
你在 VS Code 里写代码,突然想知道这个项目的 node_modules 现在膨胀到了多少、或者整个项目文件夹占了多少空间。
以前的流程:切到 Finder → 找到项目文件夹 → 右键 → 显示简介 → 等几秒 → 记下数字 → 切回 VS Code。至少 15 秒。
现在的流程:切到 Finder(⌘⇥)→ 项目文件夹已经在侧边栏了 → 选中文件夹 → 按空格 → SpacePeek 弹窗直接显示大小和饼图 → ⌘⇥ 切回 VS Code。5 秒。
前提是装了 SpacePeek(App Store 免费),且必须去系统设置 → 通用 → 登录项与扩展 → Quick Look → 手动打开开关。
这个 10 秒的差距不重要? 如果你一天只查一次,是的。但如果你一天查 5 次——早上看 Docker 缓存、中午看 node_modules、下午看 build 产物——5 次 × 10 秒 × 250 个工作日 = 3.5 小时。一年的差距。

三、快捷键速查表(可打印贴在显示器旁边)
| # | 快捷键 | 做什么 | 用在哪 |
|---|---|---|---|
| 1 | ⌘P | 按文件名打开 | 导航 |
| 2 | ⌘⇧E/F/G/X | 切换侧边栏面板 | 导航 |
| 3 | ⌘T | 搜索符号 | 导航 |
| 4 | ⌃- / ⌃⇧- | 后退/前进 | 导航 |
| 5 | ⌘D | 逐个选中相同词 | 编辑 |
| 6 | ⌥↑/↓ | 整行移动 | 编辑 |
| 7 | ⌥⇧↑/↓ | 复制行 | 编辑 |
| 8 | ⌘/ | 切换注释 | 编辑 |
| 9 | ⌘⌥[/] | 折叠/展开 | 编辑 |
| 10 | ⌘↩/⌘⇧↩ | 插入空行 | 编辑 |
| 11 | ⌥⌘↑/↓ | 多光标 | 多光标 |
| 12 | ⌥+点击 | 任意多光标 | 多光标 |
| 13 | ⌘\ | 分屏 | 窗口 |
| 14 | ⌘B | 侧边栏 | 窗口 |
| 15 | ⌃ ` | 终端 | 窗口 |
| 16 | ⌘⇧F | 全局搜索 | 搜索 |
| 17 | ⌘⇧H | 全局替换 | 搜索 |
| 18 | ⌃⇧G | Git 面板 | Git |
| 19 | ⇧⌘P | 命令面板 | 万能 |
四、一周学习计划
第 1 天:⌘P + ⌃- + ⇧⌘P(导航三件套)
第 2 天:⌘D + ⌥↑↓ + ⌥⇧↑↓(编辑三件套)
第 3 天:⌘\ + ⌘B + ⌃` (窗口三件套)
第 4 天:⌥⌘↑↓ + ⌥+点击(多光标两件套)
第 5 天:⌘⇧F + ⌘⇧H(搜索两件套)
第 6 天:⌃⇧G(Git 面板)
第 7 天:综合练习——从头写一个组件,全程不碰鼠标
学习原则:不要一天学 20 个——你会全部忘掉。每天只加 2-3 个新快捷键,用一天形成肌肉记忆,第二天再学下一批。
五、总结
三点
-
VS Code 快捷键的 ROI 不是"记住了能更快",而是"不记住就一直在浪费时间"。 你每天用 VS Code 8 小时,鼠标在编辑器和侧边栏之间移动的次数以千计。每个快捷键替代一次鼠标操作,一天省 1-2 秒 × 1000 次 = 15-30 分钟。
-
先学导航、再学编辑、最后学多光标。
⌘P、⌃-、⇧⌘P这三个是你每天用得最多的——先花三天把这三个刻进肌肉记忆。多光标(⌥⌘↑↓)是最容易让同事觉得"你开挂了"的技巧,但不用急着学。 -
SpacePeek +
⌘⇥= 不离开键盘工作流中的文件大小查询。 从 VS Code 切到 Finder 用⌘⇥(0.5 秒)→ 项目文件夹在侧边栏 → 按空格看大小(1 秒)→⌘⇥切回来(0.5 秒)。全程 2 秒。以前右键显示简介要 8 秒。这个优化和本文的快捷键是同一个逻辑:把手离开键盘的时间压缩到最低。
你的 VS Code 里最离不开的快捷键是哪个?评论区分享——我挑最高频的 5 个补充进下一版速查表。
915



被折叠的 条评论
为什么被折叠?



