45个提升生产力的VS Code快捷键全解析

本文详细介绍了45个Visual Studio Code快捷键,涵盖导航、选择、编辑、代码管理等核心功能,帮助开发者提升编码效率,减少对鼠标的依赖,更快地编写高质量代码。

45个提升生产力的VS Code快捷键全解析

Visual Studio Code(VS Code)是微软推出的免费开源代码编辑器。由于其轻量级设计、强大功能和广泛的定制选项,VS Code迅速成为开发者中最受欢迎的代码编辑器。VS Code还拥有丰富的扩展集合,支持多种编程语言,提供IntelliSense代码补全、调试功能和集成Git控制。

请注意,这些快捷键取自VS Code文档。如果某些快捷键不起作用,可能是由于编辑器或文件格式的快捷键更改,有时也可能是由于安装了扩展。

关键要点

  • 利用Visual Studio Code中的键盘快捷键快速导航文件、设置和标签页,提高生产力和专注度。
  • 掌握快速选择技术,无需依赖鼠标即可高效选择和修改代码,节省宝贵的编码时间。
  • 利用多选快捷键同时编辑相似的行或代码块,简化重复性任务。
  • 使用强大的代码导航工具快速定位和管理代码组件,减少滚动和搜索时间。
  • 通过移动、复制和格式化行或代码块的快捷键优化编码速度,实现快速调整和更好的代码组织。
  • 使用定义、建议和切换注释的快捷键增强代码理解和管理,确保高质量的代码开发。

关键要点

掌握VS Code可以显著提升开发者体验。本文讨论如何使用VS Code键盘快捷键轻松导航、编辑和管理代码库。

  • 快速导航:使用Ctrl + P(Windows/Linux)或Command + P(macOS)即时查找和打开文件,简化工作流程。
  • 访问设置:使用Ctrl + ,(Windows/Linux)或Command + ,(macOS)轻松自定义VS Code设置。
  • 高效编辑:使用Ctrl + Shift + L(Windows/Linux)或Command + Shift + L(macOS)选择单词或短语的所有出现,进行快速全局编辑。
  • 复制行:使用Shift + Alt + ↓(Windows/Linux)或Shift + Option + ↓(macOS)快速复制代码行。
  • 集成终端:使用Ctrl + J(Windows/Linux)或Command + J(macOS)在编辑器中切换终端,简化命令行任务。
  • 命令面板:使用Ctrl + Shift + P(Windows/Linux)或Command + Shift + P(macOS)访问命令面板,快速执行命令。
  • 转到定义:使用F12跳转到变量、函数和类的定义,增强代码导航。
  • 自定义快捷键:使用Ctrl + K, Ctrl + S(Windows/Linux)或Command + K, Command + S(macOS)自定义快捷键,个性化工作流程。
  • 格式化代码:使用Ctrl + Shift + F(Windows/Linux)或Option + Shift + F(macOS)格式化代码,提高可读性。
  • 重命名符号:使用F2安全地重命名代码库中的变量、函数和类。

简单的VS Code导航快捷键

本节介绍所有允许您导航编辑器不同部分的Visual Studio Code快捷键。如果您是VS Code新手,请遵循本指南以获得全面理解。

1. 打开文件

当项目增长时,通过文件资源管理器导航查找特定文件可能很困难。因此,学习此键盘快捷键以轻松在项目中打开文件非常方便。

  • Windows/Linux: Ctrl + P
  • macOS: Command + P

2. 快速切换文件

此VS Code热键允许您快速循环浏览最近打开的文件。

  • Windows/Linux: Ctrl + Tab
  • macOS: Command + Tab

3. 打开设置

Visual Studio Code带有许多功能和自定义选项以适应您的需求。此键盘快捷键使您可以在需要时轻松打开这些设置。

  • Windows/Linux: Ctrl + ,
  • macOS: Command + ,

4. 切换侧边栏

您经常需要更多空间来处理打开的文件。因此,此键盘快捷键可在需要时显示或隐藏侧边栏。

  • Windows/Linux: Ctrl + B
  • macOS: Command + B

5. 导航标签页

当您打开许多标签页并需要在它们之间移动时,此VS Code切换标签页快捷键非常有用。它显示已打开标签页的列表,允许您切换标签页并选择要打开的标签页。

  • Windows/Linux: Ctrl + Shift + Tab
  • macOS: Control + Shift + Tab

6. 导航标签组

作为开发者,我们都会遇到需要同时打开和更新多个文件的情况。VS Code为此提供了完美的解决方案。VS Code允许您通过将标签页分组来创建拆分编辑器,每个编辑器组占据屏幕的一部分。 此键盘快捷键使在拆分编辑器中组间导航更轻松快捷。它还允许您创建新组,如果在快捷键中选择的编辑器组编号高于当前打开的组数。

  • Windows/Linux: Ctrl + 1 或 2 或 3
  • macOS: Command + 1 或 2 或 3

7. 打开终端

在开发过程中,您可能会经常使用终端。Visual Studio Code允许您在编辑器内打开终端窗口。这使您无需在编辑器和终端之间移动,可以完全专注于编辑器和代码。

  • Windows/Linux: Ctrl + J
  • macOS: Command + J

8. 拆分终端

您可以使用此VSCode热键拆分VS Code终端。这使您可以执行多个终端任务,例如应用程序执行和日志监控,而无需在终端窗口之间切换。

  • Windows/Linux: Ctrl + Shift + 5
  • macOS: Command + \

9. 打开命令面板

使用此VS Code热键,您可以轻松打开命令面板。命令面板允许您搜索可以使用的命令并执行它们。

  • Windows/Linux: Ctrl + Shift + P
  • macOS: Command + Shift + P

快速选择

在开发过程中,您很可能需要在代码中进行选择,无论是为了复制、剪切还是其他目的。 与其使用机器的鼠标进行操作,不如使用键盘节省时间。这些VS Code热键专注于快速进行选择。

10. 选择当前行

很多时候,您需要选择光标所在的整个当前行。此键盘快捷键使其非常简单。

  • Windows/Linux: Ctrl + L
  • macOS: Command + L

相似出现

我们经常遇到需要重命名变量或简单地更改当前文件中某个重复文本或短语的情况。这两个VSCode热键可用于类似情况。第一个要求您已经选择了单词或短语,而另一个则不需要。

11. 当前选择

使用此键盘快捷键,您只需要选择要查找的文本的一个出现。然后,按下快捷键的键,您将选择当前文件中所有它的出现。

  • Windows/Linux: Ctrl + Shift + L
  • macOS: Command + Shift + L

12. 当前单词

此键盘快捷键允许您执行与上一个相同的操作,但无需选择任何内容。您只需要将光标放在单词上并按下快捷键键。

  • Windows/Linux: Ctrl + F2
  • macOS: Command + F2

注意:在macOS上,同时按下fn和F2。

13. 选择到单词末尾

当选择代码的某部分时,您可以使用此快捷键轻松移动和扩展选择。您可以使用右或左箭头向所需方向移动。

  • Windows/Linux: Shift + Alt + → 或 ←
  • macOS: Shift + Option + → 或 ←

14. 复制代码

ctrl + c 和 ctrl + v 是通用的复制和粘贴键盘快捷键。然而,Visual Studio Code有一个键盘快捷键,只需一个键即可复制代码。 您可以使用此键盘快捷键复制选定的行。您只需要将光标保持在需要复制的行中。

  • Windows/Linux: Shift + Alt + ↓
  • macOS: Shift + Option + ↓

多选

这些Visual Studio Code提示将帮助您跨多行选择以进行必要的修改或添加。这使您免于重复自己,并节省了跨多行执行相同操作所需的额外时间。

15. 通过拖动鼠标选择列或代码框

此键盘快捷键允许您一次选择多行。

  • Windows/Linux: Shift + Alt + 跨行拖动鼠标
  • macOS: Shift + Option + 跨行拖动鼠标

16. 使用箭头键选择列或代码框

您可以执行与上述相同的操作,但无需使用鼠标。 Instead of dragging a mouse, you use the keyboard arrow keys.

  • Windows/Linux: Ctrl + Shift + Alt + → 或 ← 或 ↓ 或 ↑
  • macOS: Command + Shift + Option + → 或 ← 或 ↓ 或 ↑

如何使用查找结果

搜索功能是所有代码编辑器中的基本功能。即使是最简单的编辑器也允许您使用某些单词(如函数或变量名)、短语或代码块在当前选定的文件或多个文件中进行搜索。以下是简化使用VS Code搜索的键盘快捷键。

17. 导航结果

您可以使用此键盘快捷键在活动文件中的查找结果之间移动。

  • Windows/Linux/macOS: F3

注意:在macOS上,同时按下fn和F3。

18. 选择多个结果

您可以使用此快捷键在活动文件中导航并选择搜索结果的多个出现。

  • Windows/Linux: Ctrl + D
  • macOS: Command + D

19. 选择所有结果

如果您使用查找功能对所有查找结果进行某些修改,此键盘快捷键允许您选择所有查找结果。

  • Windows/Linux: Alt + Enter
  • macOS: Option + Enter

代码导航

随着每个文件或项目的增长,查找代码的某些部分变得更加困难。手动查找错误或转到某行代码可能很困难。 这些Visual Studio Code提示将节省您的麻烦,并允许您将时间投入到您真正想做的事情上。

20. 转到行

查找某行代码特别有用,当您收到编译或运行时错误,指定了导致错误的代码行时。此键盘快捷键消除了实际自己查找行的需要。

  • Windows/Linux: Ctrl + G
  • macOS: Control + G

21. 转到匹配括号

您经常会发现自己需要查找块的匹配闭合括号。当文件随时间增长时,尤其如此。此键盘快捷键允许您轻松查找当前块的匹配闭合括号。HTML标签允许您移动到当前标签的末尾。

  • Windows/Linux: Ctrl + Shift + \
  • macOS: Command + Shift + \

22. 折叠/展开块

当阅读具有许多行或数据的文件时,折叠(隐藏)您当前不关注的整个块以便专注于其他内容更容易。此键盘快捷键允许您折叠或展开块。单击块中的任何位置,然后按下以下键。

  • Windows/Linux: Ctrl + Shift + [ 或 ]
  • macOS: Command + Option + [ 或 ]

23. 折叠/展开块和子块

如果块包含子块怎么办?使用上述命令将折叠父块,但当父块展开时,子块将保持不变。如果您需要折叠和展开块及其子块,可以使用此键盘快捷键完成。

  • Windows/Linux: Ctrl + K + [ 或 ]
  • macOS: Command + K + [ 或 ]

24. 导航错误和警告

查找代码中的错误和警告至关重要。有时,某些错误不容易找到——例如当一行未按应有的方式结束时。此键盘快捷键节省了滚动或彻底查看行以找到确切问题的麻烦。它允许您移动到下一个错误或警告。

  • Windows/Linux/macOS: F8

注意:在macOS上,同时按下fn和F8。

移动光标

在许多情况下,您可能需要有多个光标,每个光标位于文件中的不同位置。这些键盘快捷键有助于更轻松地使用多个光标移动。

插入额外光标

有两种方法可以在文件中插入额外光标:在特定位置或在光标当前所在行的上方/下方。

25. 在位置

此键盘快捷键允许您在文件中的任何点插入额外光标。

  • Windows/Linux: Alt + 鼠标点击位置
  • macOS: Option + 鼠标点击位置

26. 上方或下方

第二种插入光标的方法是在每个当前光标位置的上方或下方插入它。

  • Windows/Linux: Ctrl + Alt + ↓ 或 ↑
  • macOS: Command + Option + ↓ 或 ↑

27. 撤消光标插入

此键盘快捷键允许您撤消最后的光标插入。当您插入了多个光标时,这非常有用,因为它允许您保持其他光标在位,仅移除最后插入的一个。

  • Windows/Linux: Ctrl + U
  • macOS: Command + U

28. 在突出显示选择的末尾插入光标

另一个使开发更快的键盘快捷键是在突出显示选择的末尾插入光标。

  • Windows/Linux: Shift + Alt + I
  • macOS: Shift + Option + I

更快编码

在本节中,我们将介绍VS Code快捷键,这些快捷键将使与代码相关的某些操作更轻松快捷。

29. 移动行和块

很多时候,您可能需要将一行从一个位置移动到另一个位置。 Instead of copying or cutting and pasting the line into another position, this shortcut offers a faster solution. Just place the cursor on the line.

  • Windows/Linux: Alt + ↓ 或 ↑
  • macOS: Option + ↓ 或 ↑

这也会移动光标活动的整个文本段落。如果您想移动代码块,只需在按下上述快捷键之前突出显示该代码。

30. 缩进/取消缩进行

当您将行从一个地方或文件复制到另一个地方,或当您对代码进行更改时,代码通常会错误缩进。此快捷键允许您根据需要轻松缩进或取消缩进行。选择多行以一起移动它们。

  • Windows/Linux: Ctrl + [ 或 ]
  • macOS: Command + [ 或 ]

切换注释

在许多情况下,您可能需要注释或取消注释一行。这可以轻松使用此快捷键完成。这适用于行注释和块注释。

31. 行注释

单击要注释掉的行。(如果您突出显示代码块,此命令将单独注释掉每行。)

  • Windows/Linux: Ctrl + /
  • macOS: Command + /

32. 块注释

与上述快捷键不同,以下快捷键将注释掉您突出显示的代码作为单个注释。

  • Windows/Linux: Shift + Alt + A
  • macOS: Shift + Option + A

33. 文件格式化

此快捷键允许您完全格式化文档。

  • Windows/Linux: Ctrl + Shift + F
  • macOS: Option + Shift + F

34. 选择格式化

此快捷键允许您仅格式化文件中的选定行集。

  • Windows/Linux: Ctrl + K, 然后 Ctrl + F
  • macOS: Command + K, 然后 Command + F

35. 快速修复

在许多情况下,当有错误时,如果它是常见或简单的错误,VS Code可以解决它。例如,如果缺少分号。此快捷键允许您对任何错误或警告应用快速修复,如果快速修复可用于它。

  • Windows/Linux: Ctrl + .
  • macOS: Command + .

36. 重命名

重命名多次使用的变量、函数或类如果手动完成容易出错。您可能会在当前或不同文件中错过它的使用。此快捷键为您提供安全重命名任何符号的方法。

  • Windows/Linux/macOS: F2

注意:在macOS上,同时按下fn和F2。

37. 修剪空白

当您可以使用此快捷键时,为什么手动修剪行尾的空白?

  • Windows/Linux: Ctrl + K, 然后单独按 X。
  • macOS: Command + K, 然后单独按 X。

38. 更改编程语言

默认情况下,Visual Studio Code检测您正在处理的文件的当前编程语言。通常,通过检查文件的扩展名来完成。 然而,有时如果文件扩展名不受支持,它无法正确检测语言。因此,如果您需要更改文件的编程语言,可以使用此快捷键。

  • Windows/Linux: Ctrl + K, 然后 M
  • macOS: Command + K, 然后 M

39. 运行代码

一个很酷的VS Code功能是在编辑器中直接运行代码的选项。这取决于语言、框架或您需要运行的任务类型。例如,您可以为Javascript项目设置调试。但是,如果您配置了调试器或任务运行器,可以使用此快捷键在Visual Studio Code中运行代码。

  • Windows/Linux/macOS: F5

注意:在macOS上,同时按下fn和F5。

更好编码

理解代码是维护高质量代码库的关键。通常,我们求助于谷歌搜索函数以查看其定义或签名。然而,这最终可能浪费我们的时间,或者可能不适用于我们创建的代码。 因此,VS Code引入了一组快捷键来帮助您生成更好的代码。

40. 转到定义

此快捷键将我们带到代码部分最初定义的文件或行。

  • Windows/Linux/macOS: F12

注意:在macOS上,同时按下fn和F12。

41. 查看定义

此快捷键允许我们在检查定义的同一位置打开定义和文档。这使得查看定义更容易,而无需移动到另一个文件或行。

  • Windows/Linux: Alt + F12
  • macOS: Option + F12

注意:在macOS上,同时按下fn和F12。

42. 切换建议

我们经常使用VS Code或其他扩展(如GitHub Copilot)获取代码建议。此快捷键允许我们切换建议以查看或隐藏它们。

  • Windows/Linux: Ctrl + I
  • macOS: Command + I

43. 显示函数签名

这对于大多数(如果不是所有)开发者来说非常常见。我们倾向于忘记函数的签名,即使是我们经常使用的函数。使用此快捷键,您可以轻松查看函数的参数提示。通过参数提示,您可以检查需要传递给函数的参数。

  • Windows/Linux: Ctrl + Shift + 空格键
  • macOS: Command + Shift + 空格键

44. Zen模式

尽管这与理解代码和定义无关,但如果您必须完全专注于代码,此快捷键非常有用。使用此快捷键,您可以启用Zen模式,这将改变显示以完全专注于当前打开的文件。

  • Windows/Linux: Ctrl + K, 然后 Z
  • macOS: Command + K, 然后 Z

按下相同的键盘快捷键以返回正常编辑器视图。

45. 关闭所有编辑器

如果您完成开发或感觉打开太多文件,可以使用以下快捷键一次性关闭它们所有。

  • Windows/Linux: Ctrl + K + W
  • macOS: Command + K + W

结论

VS Code是目前开发者最好的代码/文本编辑器之一。它提供了许多开箱即用的功能以及扩展市场,允许开发者轻松为社区贡献和提供扩展。 键盘快捷键使在VS Code中的开发更加容易,并允许您在更少的时间内专注于构建高质量的项目。 在本文中,我们介绍了一些有用的Visual Studio Code快捷键,这些快捷键保证使您的开发更快。除了我们讨论的内容外,VS Code还带有许多其他快捷键用于快速操作。以下是查看您操作系统的整套默认键盘快捷键的链接:

comments powered by Disqus
使用 Hugo 构建
主题 StackJimmy 设计