20+ 个必备 VS Code 快捷键助您成为忍者程序员(无需鼠标!)

2025-06-07

20+ 个必备 VS Code 快捷键助您成为忍者程序员(无需鼠标!)

独自编程是一项繁琐的工作。每隔几秒钟就要在键盘和鼠标之间不断切换,这会打乱开发人员的工作流程。如果我告诉你,你可以抛弃鼠标,使用我们的神奇键盘,完成比鼠标更好的任务。这可以通过键盘快捷键来实现,你甚至可以自定义按键绑定。

目录

  1. 介绍
  2. 每个人都必备的快捷键
  3. 超越基础
  4. 结论

介绍

VS Code 是一款深受开发者喜爱的文本编辑器,目前正蓬勃发展。随着它人气飙升,学习一些能够提升生产力的快捷键也变得至关重要。VS Code 文档提供了数百个快捷键,但本文将重点介绍其中最实用的几个。

不妨想象一下,不使用鼠标可以节省多少时间。想象一下,Alok 每天编程四个小时,每次使用鼠标大约需要 10 秒。如果他点击 100 次,那么每天就能节省 16 分钟——仅仅通过使用键盘快捷键即可。

我将这些快捷键分为以下两大类:

每个人都必备的快捷键

1. 切换侧边栏:

立即隐藏或显示侧边栏,以获得更整洁的工作空间并专注于您的代码。

  • Windows/Linux:Ctrl + B
  • Mac:Cmd + B切换侧边栏

2.打开集成终端:

直接在 VS Code 中启动终端,无需在应用程序之间切换。

  • Windows/Linux:Ctrl + `
  • Mac:Cmd +`开放集成终端

3.快速查找文件:

打开命令面板并以闪电般的速度搜索项目中的任何文件。

  • Windows/Linux:Ctrl + P
  • Mac:Cmd + P快速查找文件

4. 轻松滚动:

无需使用鼠标即可顺利地向上或向下滚动代码文件。

  • Windows/Linux:Ctrl + 向上/向下箭头
  • Mac:Cmd + 向上/向下箭头轻盈滚动

5.跳转到特定元素:

快速导航到代码库中的特定符号、功能或文件路径。

  • Windows/Linux:Ctrl + P + @NameOfCodeBlock
  • Mac:Cmd + P + @NameOfCodeBlock跳转到特定元素

6.分割视图:

将您的工作区分成两个窗格,以比较代码、同时处理多个文件或轻松引用不同的部分。

  • Windows/Linux:Ctrl + \
  • Mac:Cmd + \拆分视图

7.关闭标签页:

关闭当前活动选项卡无需点击“X”按钮,节省时间和精力。

  • Windows/Linux:Ctrl + W
  • Mac:Cmd + W关闭标签页

8. 无需到达即可换行:

无需将手从主行移开即可向代码添加新行,保持舒适的打字流程。

  • Windows/Linux:Ctrl + Enter
  • Mac:Cmd + Enter未到达的新线

9. 选择所有出现的情况:

突出显示整个文件中当前选定文本的所有实例,以便同时编辑或替换。

  • Windows/Linux:Ctrl + Shift + L
  • Mac:Cmd + Shift + L选择所有出现的情况

10. 跳转到下一场比赛:

快速循环浏览文件中相同文本选择的所有出现位置,从而允许跨多个实例进行有效编辑。

  • Windows/Linux:Ctrl + Alt + D
  • Mac:Cmd + Option + D

11.进入禅定模式:

隐藏代码编辑器之外的所有不必要的 UI 元素,为专注编码创建一个无干扰的环境。

  • Windows/Linux:Ctrl + KZ
  • Mac:Cmd + KZ进入禅定模式

12.删除整行:

删除光标所在位置的整行,无需手动选择并节省时间。

  • Windows/Linux:Ctrl + Shift + K
  • Mac:Cmd + Shift + K删除整行

13.切换评论:

快速注释或取消注释代码块以提高可读性、进行测试或隐藏特定部分。

  • Windows/Linux:Ctrl + /
  • Mac:Cmd + /切换评论

14.删除尾随空格:

自动消除行尾不必要的空白字符,确保代码格式干净一致。

  • Windows/Linux:Ctrl + K Ctrl + X
  • Mac:Cmd + K Cmd + X

15. 转到特定行:

直接跳转到代码文件中的特定行号,绕过手动滚动。

  • Windows/Linux:Ctrl + G
  • Mac:Cmd + G转到特定行

16.返回上一个光标位置:

导航回到光标所在的最后位置,撤消任何意外的代码更改。

  • Windows/Linux:Ctrl + U
  • Mac:Cmd + U返回上一个光标位置

17.选择当前行:

突出显示光标所在的整行,以便快速编辑或复制。

  • Windows/Linux:Ctrl + L
  • Mac:Cmd + L选择当前行

超越基础

18. 在项目内搜索:

在整个项目中查找特定文件、符号或文本,无论它们位于何处。

  • Windows/Linux:Ctrl + Shift + F
  • Mac:Cmd + Option + F在项目内搜索

19.添加多个游标:

同时在不同的行上创建多个游标,允许在多个位置同时进行编辑。

  • Windows/Linux:Ctrl + Alt + 向上/向下箭头
  • Mac:Cmd + Option + 向上/向下箭头添加多个游标

20.扩展/收缩代码块:

精确调整代码块的选择,根据需要扩大或缩小它们以进行有针对性的编辑。

  • Windows/Linux:Shift + Alt + 左/右箭头
  • Mac:Shift + Option + 左/右箭头扩展/收缩代码块

21. 即时 Markdown 预览:

键入时查看 Markdown 格式的实时预览,确保内容正确显示。

  • Windows/Linux:Ctrl + Shift + V
  • Mac:Cmd + Shift + V即时 Markdown 预览

22.并排查看文件:

在同一个窗口中并排打开两个文件,从而更容易比较代码、引用不同部分或同时处理多个文件。

  • Windows/Linux:Ctrl + KV
  • Mac:Cmd + KV并排查看文件

23.折叠/展开代码块:

折叠或展开代码段以隐藏或显示特定部分,提高代码的可读性和组织性。

  • Windows/Linux:Ctrl + Shift + /
  • Mac:Cmd + Shift + /

24. 在 VS Code 中浏览 Github 目录(奖励!):

直接在 VS Code 中浏览 GitHub 仓库的内容,简化代码导航和探索。在你的仓库 URL 中,将github.com替换为github1s.com。例如,将https:/github.com/username/repositoryname替换为https:/github1s.com/username/repositoryname(请替换为你自己 GitHub 目录)

结论

在您的编程之旅中,使用这些快捷键会非常有效。然而,一旦您习惯了这些快捷键,您就会注意到它真正的作用。尝试使用这些快捷键,建立肌肉记忆。

自定义按键绑定可以带来非常友好的用户体验。我也使用自定义按键绑定,这让我的开发体验更加个性化。

注意:这些按键绑定基于 VS Code 的默认设置。您可以在 VS Code 设置中根据自己的喜好进行自定义。

如果您读到这里,觉得这篇文章很有帮助,欢迎在 X 上分享,并提及JitendraC。请在评论区告诉我您从这篇文章中发现了哪些新的快捷方式。如果您想阅读更多我的内容,可以在这里关注我。另外,欢迎在 X 上跟我打个招呼,我会在那里分享我的技术之旅。

文章来源:https://dev.to/jitendrachoudhary/20-essential-vs-code-shortcuts-to-become-a-ninja-coder-no-mouse-needed-3pf4
PREV
停止对开源做出贡献
NEXT
20 多个 DOM 项目:您的前端突破!