VS Code 快捷键
查询所有处理都在浏览器本地完成,数据不上传服务器
七十多条 VS Code 默认快捷键,按命令名、键位或分类都能查,Windows / Linux 与 macOS 两套键位并列显示。 为什么只做 VS Code,不叫「前端快捷键」:那个说法听起来覆盖更广,但框里其实装着好几套互不相同的键位 —— 编辑器、浏览器开发者工具、终端、操作系统,它们的默认值各不相同,版本之间还会变。把没把握的键位混进一张表,用户按下去没反应,就会认为整张表都是错的。所以这里收窄到 VS Code:默认键位有官方文档可依、跨平台差异清楚,而且它是前端开发里按得最多的那一套。 键盘快捷键要背,不如需要时查一下。 按 Ctrl+Shift+P 打开命令面板,输入命令的名字,右边就会显示它当前的快捷键 —— 这是找快捷键最权威的办法(它反映的是你这台机器上的实际绑定,包括你自己改过的)。这个工具的价值在别处:想不起命令叫什么的时候,可以顺着分类把这一类扫一遍;或者手边没有编辑器时快速确认一下。
功能
- 七十多条高频命令,分七类:命令与文件、查找与跳转、编辑、多光标、代码智能与重构、视图与面板、调试与终端
- Windows / Linux 与 macOS 两套键位并列显示
- 按命令名查:中文名、英文名都能搜
- 按键位查:`Ctrl+Shift+P`、`ctrl shift p`、`Ctrl + Shift + P` 三种写法都认
- 按分类查:输入「多光标」列出这一类全部命令
- 「和弦」键位(要按两次,如 Ctrl+K Ctrl+S)会专门说明按法
- 一个键位命中多条命令时列成一张小表(如 F12 与 Shift+F12)
- 全部命令都在可搜索的下拉里,想不起名字时可以顺着扫
- 留空看完整对照表,可以当速查表浏览
- 粘贴容错:正文例子的「」引号、输入法打出的全角加号都不影响查询
- 键位一律照实写英文缩写(Ctrl / Cmd / Alt / Shift),不译成中文 —— 键帽上印的是英文
使用方法
- 输入命令名,例如「命令面板」;写英文名也能搜到
- 或者直接输入键位,例如 Ctrl+Shift+P,看看它对应哪个命令
- 想不起名字就输入分类,例如「多光标」,把这一类列出来
- 结果里 Windows / Linux 与 macOS 两套键位并列,和弦键位会说明按法
常见问题
- 这些键位在 macOS 上为什么大多是 Cmd 而不是 Ctrl?
- 这是两个平台的惯例差异:macOS 把 Cmd(⌘)留给应用级快捷键,Ctrl 留给系统与终端层。VS Code 遵循了这个惯例,所以 Windows 上的 `Ctrl+X` 在 macOS 上通常是 `Cmd+X`。但并不全是这样,有几个是例外:跳转到行、触发建议、打开终端这几个在 macOS 上仍然是 Ctrl;而「后退」在 macOS 上是 `Ctrl+-` 而不是 `Alt+Left`。所以两套键位都是逐条写出来的,没有按「Ctrl 换 Cmd」的规则批量替换 —— 那样做会在这些例外上写错。
- 为什么有些键位要按两次?
- 那是和弦(chord):先按前半段(如 `Ctrl+K`)松开,再按后半段(如 `Ctrl+S`),整体才算一次。之所以这么设计,是因为好按的组合早就用完了 —— VS Code 的默认键位有一千多条,只能靠分级来扩展。工具里遇到和弦会专门标一句,因为不熟悉的人会以为是键位写错了。
- 我改过快捷键,这张表还准吗?
- 不准,而且这是它的设计边界。 这张表列的是默认值,你改过的绑定不会反映在这里。要看你机器上的实际绑定,最可靠的办法是命令面板:按 `Ctrl+Shift+P`(macOS 是 `Cmd+Shift+P`),输入命令名,右侧显示的快捷键就是当前生效的那一个;或者按 `Ctrl+K Ctrl+S` 打开键盘快捷方式设置,那里能看到全部绑定与冲突。
- 为什么只有编辑器,没有浏览器开发者工具?
- 因为那是另一套完全不同的键位,而且它在 Chrome、Edge、Firefox、Safari 之间还有差异,跨平台也不一致 —— 每一条都要单独核实。混进同一张表里,用户按下去不灵就会认为整张表不可信,而一张快捷键表一旦不可信就彻底没用了。所以这里先只做 VS Code 这一套(有官方文档可依、跨平台差异清楚),宁可少而准,不要多而杂。
- 怎么自己学这些快捷键?
- 不建议对着表背。更有效的路径是:先用命令面板(`Ctrl+Shift+P`)干活 —— 它能做 VS Code 的几乎所有事,而且你在命令面板里选过的命令,右侧一直显示着它的快捷键,用几次自然就记住了;同时把几个高频的固定下来(命令面板、快速打开文件、选中下一个相同的词、注释当前行、格式化文档),这几个覆盖了日常的绝大多数操作。剩下的等真的觉得鼠标点得烦了再查。
相关工具
符号英文名对照
查询查符号的英文名与中文叫法:~ 是 tilde,# 是 number sign 也是 hash,| 是 pipe。读英文文档遇到「use a tilde」时用它对照。
按键键值查询
查询按下任意键,同时看到它的 key、code、keyCode 与 ASCII 码,并附 100 多个键位的速查表与 0–127 的 ASCII 码表。全部在浏览器本地完成。
元素周期表
查询查任意元素的原子序数、中英日文名称、相对原子质量、分类、周期、族与电子排布;也可按周期、区间或分类列出整组。
纸张尺寸
查询A、B、C 系列与北美纸张尺寸的毫米、厘米、英寸,以及 72 / 150 / 300 DPI 下的像素值。全部在浏览器本地完成,离线可用。
生肖查询
查询输入年份查生肖与干支(天干地支),或输入生肖名反查年份。同时列出前后各若干年的年份,并说明农历年的边界。
历史朝代
查询输入年份查当时的朝代,或输入朝代名查起止年、都城与开国君主。并立政权(宋辽金西夏)会一起列出,留空可看完整朝代表。