Back

使用这些键盘快捷键加速你的编码

使用这些键盘快捷键加速你的编码

每次伸手去拿鼠标打开文件、点击菜单或触发搜索都会打断你的专注。这些小的中断会不断累积。好消息是:精心选择的几个开发者键盘快捷键就能消除大部分中断,而无需记住上百个组合键。

本文重点介绍按工作流分组的高影响力快捷键——涵盖 VS Code 和浏览器 DevTools。所有快捷键均以 Windows/Linux | macOS 格式列出。请注意,快捷键可能因编辑器版本、操作系统和用户配置而异,因此如果某些操作不符合预期,请根据你自己的设置进行验证。

核心要点

  • 一小组有针对性的键盘快捷键可以显著减少对鼠标的依赖,让你保持专注状态。
  • 导航、编辑、搜索和调试各有几个值得优先学习的高影响力快捷键。
  • 多光标编辑和符号重命名(F2)是 VS Code 中最节省时间的功能之一。
  • 快捷键在不同编辑器、操作系统版本和自定义键绑定中可能有所不同——务必根据你自己的设置进行验证。

导航:无需触碰鼠标即可浏览代码

这些 VS Code 快捷键处理最常见的导航任务:

操作Windows/LinuxmacOS
按名称快速打开文件Ctrl+PCmd+P
跳转到定义F12F12
返回上一个位置Alt+←Ctrl+-
跳转到文件中的符号Ctrl+Shift+OCmd+Shift+O
打开命令面板Ctrl+Shift+PCmd+Shift+P

Ctrl+P / Cmd+P 就能替代大部分侧边栏浏览。输入部分文件名即可立即打开。将它与 F12 配合使用可跳转到定义,然后用 Alt+← / Ctrl+- 返回——完全不需要鼠标。

编辑:更快地编写和重构代码

这些编码效率快捷键处理那些让你慢下来的重复性文本操作:

  • 切换行注释: Ctrl+/ / Cmd+/ — 作用于当前行或选中内容。
  • 上下移动行: Alt+↑ / Option+↑Alt+↓ / Option+↓ — 无需剪切粘贴即可重新排列逻辑。
  • 复制行: Shift+Alt+↓ / Shift+Option+↓ — 直接在下方复制当前行。
  • 删除行: Ctrl+Shift+K / Cmd+Shift+K
  • 多光标: Alt+Click / Option+Click — 放置额外的光标,然后输入以同时编辑所有位置。

多光标编辑在重命名重复变量或同时向多行添加相同文本时特别有用。

搜索和重构:跨文件修改代码

操作Windows/LinuxmacOS
在文件内搜索Ctrl+FCmd+F
在项目中搜索Ctrl+Shift+FCmd+Shift+F
在文件中替换Ctrl+HOption+Cmd+F
重命名符号(所有引用)F2F2
选择单词的所有出现位置Ctrl+Shift+LCmd+Shift+L

F2 是重命名变量或函数最简洁的方式。它会自动更新作用域内的每个引用——比手动查找替换更安全、更快速。

调试:重要的 DevTools 键盘快捷键

无论你是在 VS Code 还是浏览器 DevTools 中调试,这些快捷键都涵盖了核心工作流:

  • 切换断点: F9(VS Code)。
  • 开始/继续: F5
  • 单步跳过: F10
  • 单步进入: F11
  • 单步跳出: Shift+F11

Chrome DevTools 中,使用 F12Ctrl+Shift+I / Cmd+Option+I 打开面板。进入后,Ctrl+P / Cmd+P 打开文件选择器——与 VS Code 相同的肌肉记忆。你可以在 DevTools 快捷键文档中查看完整列表。

关于不总是通用的快捷键说明

流行指南中列出的几个快捷键是特定于编辑器的,或与操作系统级绑定冲突。例如,VS Code 中的 Ctrl+D 选择高亮单词的下一个出现位置——它不会复制行,这是从其他编辑器延续下来的常见误解。在假设默认设置之前,务必通过 首选项 → 键盘快捷键(Ctrl+K Ctrl+S / Cmd+K Cmd+S)或官方 VS Code 键绑定参考检查你的键绑定。

结论

从这个列表中选择五个与你最常重复操作匹配的快捷键。专门使用它们一周。一旦它们成为自动反应,再添加五个。通过快捷键优化开发者工作流并不是要记住所有内容——而是要消除最常打断你思考的特定摩擦点。

常见问题

在 Windows/Linux 上按 Ctrl+P 或在 macOS 上按 Cmd+P 打开快速打开对话框。开始输入文件名的任何部分,然后从结果中选择它。这比导航侧边栏更快,即使在有许多文件的大型项目中也能很好地工作。

在 Windows/Linux 上按住 Alt 或在 macOS 上按住 Option,然后在你想要光标的每个位置点击。然后你可以在所有光标位置同时输入、删除或粘贴。这对于编辑重复模式(如变量名或相似代码行)特别有用。

F2 触发符号重命名。与基于文本的查找替换不同,它理解代码上下文,只重命名该符号在其作用域内的实际引用。这避免了意外更改恰好匹配相同字符串的无关文本。

不总是。快捷键在不同编辑器之间可能存在显著差异。例如,Ctrl+D 在 VS Code 中选择下一个出现位置,但在其他编辑器中可能复制行。在依赖快捷键之前,务必检查你的编辑器的键绑定设置以确认每个快捷键的作用。

Understand every bug

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.

OpenReplay