在本文中,我们将介绍一些最有用的 Visual Studio Code 快捷方式,这些快捷方式将在使用 Visual Studio Code 时节省您的时间并加速您的开发。本文介绍了 Windows、Linux 和 macOS 的默认键盘快捷键。
Visual Studio Code (VS Code)是最流行、最常用的代码编辑器之一。它是开源的,可以免费使用。它还提供了对多种语言和框架的支持,无论是通过内置特性还是对编辑人员可用的扩展列表。
请注意,这些Visual Studio代码快捷方式取自VS代码的文档。如果某些快捷方式不起作用,可能是因为编辑器或文件格式中的快捷方式发生了变化,或者有时是因为安装了扩展。
简单与代码导航快捷方式。本节介绍所有Visual Studio代码快捷方式,这些快捷方式允许您导航编辑器的不同部分。
打开文件以搜索特定文件,尤其是当项目变大时,会占用大量时间。即使你已经知道文件在哪里,学习这个键盘快捷键来轻松打开项目中的文件也绝对方便。
视窗/Linux: Ctrl PmacOS: Command P Open Settings Visual Studio代码自带了很多函数和设置,可以根据自己的需要进行更改。此键盘快捷键使您在必要时更容易访问设置。
视窗/Linux: Ctrl,macOS:命令,切换侧边栏。很多时候,您需要为正在处理的打开文件腾出更多空间。因此,这种键盘快捷键可以在需要时轻松显示或隐藏侧边栏。
视窗/Linux: Ctrl BmacOS: Command B导航选项卡当您打开许多选项卡并需要在它们之间移动时,一种简单的方法是使用此键盘快捷键,它将显示选项卡列表,并让您在其中导航并选择要打开的选项卡。
在Windows / Linux的: Ctrl Shift tabmacOS: Control Shift Tab按住Tab在选项卡之间切换。
导航选项卡组Visual Studio代码提供的一个很好的功能是创建选项卡组。选项卡组允许您将选项卡分成多个组,每个编辑器组占据屏幕的一部分。
此键盘快捷键使在编辑器的群组历史记录中的群组之间导航变得更加容易和快速。如果您在快捷方式中选择的编辑器组多于当前打开的组数,此快捷方式还允许您创建新组。
Windows/Linux: Ctrl 1或2或3macOS: Command 1或2或3打开终端。在您的开发过程中,您可能会频繁使用终端。Visual Studio代码允许您直接在编辑器中打开终端窗口。这将您从编辑器和终端之间解放出来,并允许您完全专注于编辑器和代码。
视窗/Linux:ctrl JmacOS: command J
打开命令面板。您可以在Visual Studio代码中执行许多命令。这些命令可能与现成功能或扩展功能相关。
使用此键盘快捷键,您可以轻松打开命令面板。命令面板允许您搜索可用的命令并执行它们。
在Windows / Linux的:ctrl shift PmacOS: command shift P
快速选择在开发过程中,您很可能需要在代码中做出选择,无论是出于复制、剪切还是其他目的。
用键盘代替鼠标可以节省你的时间。这些键盘快捷键专注于快速做出选择。
多次选择当前行您需要选择光标所在的整个当前行。这个键盘快捷键使它变得非常简单。
视窗/Linux: Ctrl LmacOS: Command L类似事件你需要多少次来重命名一个变量,或者仅仅改变你正在处理的整个文件中重复的文本或短语?
在类似的情况下,可以使用两种键盘快捷键。第一种要求您选择一个单词或短语,而另一种则没有。
p>当前选择使用此键盘快捷键,您只需要在所选文件中出现一次您要查找的文本。然后,通过按下快捷键的键,您将选择文件中所有出现的位置。
在Windows / Linux的:ctrl+ shift+LmacOS : command+ shift+L当前词
此键盘快捷键允许您执行与上一个相同的操作,但无需选择任何内容。当光标放在一个单词上时,您可以按此快捷键的键,将选择当前文件中所有出现的当前单词。
视窗/Linux:ctrl+F2macOS : command+F2注:在MacOS,确保按fn在同一时间F2。
选择直到词尾在选择代码的某个部分时,您可以使用此快捷方式轻松移动和扩展选择。您可以使用向右箭头或向左箭头朝您想要的方向前进。
在Windows / Linux的:shift+ alt+→或←macOS : shift+ option+→或←多项选择掌握这些键盘快捷键将提高您的开发速度并使您成为编码英雄。这些键盘快捷键允许您跨多行进行选择以进行必要的修改或添加。
这可以避免您重复自己,并节省您在多行中执行相同操作所花费的额外时间。
通过拖动鼠标选择一列或一盒代码将光标拖过代码或文本行,从头到尾选择每一行。但是您也可以使用此快捷方式仅部分选择一组行。将选择多条线,但仅在您拖动时选择多条线。
Windows/Linux : shift+ alt+ 跨行拖动鼠标macOS : shift+ option+ 在线条上拖动鼠标使用箭头键选择一列或一盒代码您可以执行与上述相同的操作,但无需使用鼠标。您可以使用键盘箭头键,而不是拖动鼠标。
Windows/Linux : ctrl+ shift+ alt+→或←或↓或↑macOS : command+ shift+ option+→或←或↓或↑
如何使用查找结果所有编辑器,即使是简单的编辑器,都应该具有查找功能,以便您可以在当前选定的文件或多个文件中查找某些词,例如函数或变量名称、短语或代码块。
本节将介绍键盘快捷键,这些快捷键将使我们能够充分利用 Visual Studio Code 中使用查找功能的结果。
导航结果您可以使用此键盘快捷键在活动文件中的查找结果之间移动。
视窗/Linux/macOS:F3注:在MacOS,确保按fn在同一时间F3。
选择多个结果如果您使用查找功能查找某些文本位以便修改这些结果的子集,则可以使用此快捷方式在活动文件中导航和选择查找结果。
视窗/Linux:ctrl+DmacOS : command+D选择所有结果如果您使用查找功能对所有查找结果进行某些修改,则此键盘快捷键允许您选择所有查找结果。
视窗/Linux:alt+entermacOS : option+enter代码导航随着每个文件或项目的增长,找到代码的某些部分变得更加困难。手动执行时,查找错误或转到某一行的代码可能很困难。
这些键盘快捷键为您省去了麻烦,让您可以将时间投入到真正想做的事情上。
去线当您遇到编译或运行时错误指定哪行代码导致它时,在特定行查找代码特别有用。此键盘快捷键消除了自己实际查找行的需要。
视窗/Linux:ctrl+GmacOS : control+G
转到匹配的括号您经常会发现自己需要找到块的匹配右括号。当文件随时间增长时尤其如此。此键盘快捷键可让您轻松找到当前块的右匹配括号。在 HTML 标签中,它允许您移动到当前标签的末尾。
在Windows / Linux的:ctrl+ shift+\macOS : command+ shift+\折叠/展开块读取包含大量行或数据的文件时,更容易折叠(隐藏)您当前未关注的整个块,以便您可以专注于其他内容。此键盘快捷键允许您折叠或展开块。单击块中的任意位置,然后按以下键。
在Windows / Linux的:ctrl+ shift+<或>macOS : command+ option+<或>
折叠/展开块和子块如果块包含子块怎么办?使用上面的命令将折叠父块,但是当父块展开时,子块将保持不变。如果您需要折叠和展开一个块及其子块,您可以使用此键盘快捷键来完成。
在Windows / Linux的:ctrl+ K+<或>macOS : command+ K+<或>导航错误和警告在代码中查找错误和警告至关重要。有时,有些错误不容易发现――例如当一行没有;按照它应该的方式结束时。此键盘快捷键可让您免去滚动或彻底查看行以找到确切问题的麻烦。它允许您移动到下一个错误或警告。
视窗/Linux/macOS:F8注:在MacOS,确保按fn在同一时间F8。
移动光标在很多情况下,您可能需要有多个游标,每个游标位于文件中的不同位置。这些键盘快捷键有助于更轻松地使用多个光标移动。
插入额外的光标有两种方法可以将附加光标插入文件:在特定位置,或在光标所在的当前行上方/下方。
1. 在位
此键盘快捷键允许您在文件中的任何位置插入额外的光标。
Windows/Linux : alt+ 鼠标点击位置macOS : option+ 鼠标点击位置2. 高于或低于
插入光标的第二种方法是将其插入到每个当前光标位置的上方或下方。
在Windows / Linux的:ctrl+ alt+↓或↑macOS : command+ option+↓或↑
撤销光标插入如果您错误地插入了光标,或者后来意识到您不想再在该位置插入光标怎么办?此键盘快捷键允许您撤消最后一次光标插入。当您插入多个游标时,这非常有用,因为它允许您将其他游标保持在原位,而只需删除最后插入的游标。
视窗/Linux:ctrl+UmacOS : command+U在突出显示的选择的末尾插入光标另一个使您的开发更快的键盘快捷键是在突出显示的选择的末尾插入光标。
在Windows / Linux的:shift+ alt+ImacOS : shift+ option+I更快的编码在本节中,我们将介绍 Visual Studio Code 快捷方式,这些快捷方式将使与您的代码相关的某些操作更容易、更快捷。
移动线和块很多时候,您可能需要将一条线从一个位置移动到另一个位置。此快捷方式提供了一种更快的解决方案,而不是将线复制或剪切并粘贴到另一个位置。只需将光标放在该行上。
Windows/Linux : alt+↓或↑macOS : option+↓或↑这也将移动光标所在的整段文本。如果您想移动代码块,只需在按上面的快捷方式之前突出显示该代码即可。
复制行和块如果您需要复制一行并将其粘贴到下方或上方怎么办?
此快捷方式无需实际复制和粘贴线条,而是根据箭头选择的方向复制线条下方或上方的线条。
在Windows / Linux的:shift+ alt+↓或↑macOS : shift+ option+↓或↑要以相同的方式移动文本或代码块,请先将其突出显示,然后使用此快捷方式。
缩进/缩进线当您将行从一个地方或文件复制到另一个地方时,或者对代码进行更改时,很多时候代码最终会错误地缩进。此快捷方式允许您根据需要轻松缩进或缩进行。选择多条线将它们一起移动。
Windows/Linux : ctrl+<或>macOS : command+<或>切换评论在很多情况下,您可能需要注释或取消注释一行。使用此快捷方式可以轻松完成此操作。这适用于行注释和块注释。
行注释
单击要注释掉的行。(如果突出显示代码块,此命令将单独注释掉每一行。)
视窗/Linux:ctrl+/macOS : command+/
阻止评论
与上面的快捷方式不同,下面的快捷方式会将您突出显示的代码注释为单个注释。
在Windows / Linux的:shift+ alt+AmacOS : shift+ option+A
代码格式化出于可读性原因,必须保持代码和文件的格式。Visual Studio Code 提供了两个用于代码格式化的快捷命令。
文件
此快捷方式允许您格式化整个文件。
在Windows / Linux的:ctrl+ shift+FmacOS : option+ shift+F选择
此快捷方式允许您仅格式化文件中选定的一组行。
Windows/Linux:ctrl+ K,然后ctrl+FmacOS:command+ K,然后command+F
快速解决在出现错误的很多情况下,如果是常见或简单的错误(例如,如果;缺少分号),Visual Studio Code 可以解决它。如果快速修复可用,此快捷方式允许您将快速修复应用于任何错误或警告。
视窗/Linux:ctrl+.macOS : command+.重命名如果手动完成,重命名多次使用的变量、函数或类可能容易出错。无论是在当前文件还是其他文件中,您都可能会错过它的用法。此快捷方式为您提供了一种重命名任何符号的安全方法。
视窗/Linux/macOS:F2注:在MacOS,确保按fn在同一时间F2。
修剪空白当您可以使用此快捷方式来完成时,为什么要从行尾手动修剪空格?
在Windows / Linux的:ctrl+ K+XmacOS : command+ K+X注意:按住ctrl或command一直按,先按K,再X单独按。
更改编程语言默认情况下,Visual Studio Code 会检测您正在处理的文件的当前编程语言。通常,它是通过检查文件的扩展名来完成的。
但是,如果不支持文件的扩展名,有时它无法正确检测语言。
出于这个原因或任何其他原因,如果您需要更改文件的编程语言,您可以使用此快捷方式。
Windows/Linux : ctrl+ K,然后MmacOS:command+ K,然后M运行代码一个很酷的 VS Code 功能是在编辑器中直接运行代码的选项。这取决于您需要运行的语言、框架或任务类型。例如,您可以为 Javascript 项目设置调试。但是,如果您配置了调试器或任务运行器,则可以使用此快捷方式在 VS Code 中运行代码。
视窗/Linux/macOS:F5注:在MacOS,确保按fn在同一时间F5。
更好的编码这些键盘快捷键围绕理解我们正在使用的代码来生成更好的代码。
为了编写高质量的代码,我们需要了解我们正在使用的函数、类或方法。
有时,我们求助于谷歌搜索一个函数来查看它的定义或签名。但是,这最终可能会浪费我们的时间,或者它可能不适用于我们创建的代码。
检查定义在实际使用之前了解我们正在使用的代码的定义至关重要。这些 Visual Studio Code 快捷方式允许我们从编辑器中轻松查看它们的定义和文档。
转到定义
这个快捷方式将我们带到最初定义代码部分的文件或行。
视窗/Linux/macOS:F12注:在MacOS,确保按fn在同一时间F12。
窥视定义
此快捷方式允许我们在检查定义的同一位置打开定义和文档。这使得更容易查看定义而无需移动到另一个文件或行。
视窗/Linux:alt+F12macOS : option+F12注:在MacOS,确保按fn在同一时间F12。
切换建议在编写我们的代码时,VS Code 或我们将安装的一些扩展会向我们显示对我们代码的建议。此快捷方式允许我们切换建议以查看或隐藏它们。
视窗/Linux:ctrl+ImacOS : command+I显示函数的签名这对于大多数(如果不是所有)开发人员来说都很常见。我们往往会忘记函数的签名,即使它们是我们经常使用的函数。使用此快捷方式,您可以轻松查看函数的参数提示。使用参数提示,您可以检查需要传递给函数的参数。
在Windows / Linux的:ctrl+ shift+spacebarmacOS : command+ shift+spacebar禅模式尽管这与理解代码和定义无关,但如果您需要完全专注于代码,此快捷方式很有用。使用此快捷方式,您可以启用 Zen 模式,这会将显示更改为完全专注于当前打开的文件。
Windows/Linux : ctrl+ K,然后ZmacOS:command+ K,然后Z按相同的键盘快捷键返回正常的编辑器视图。
结论VS Code 是目前开发人员最好的代码/文本编辑器之一。它提供了许多开箱即用的功能以及一个扩展市场,允许开发人员轻松地为社区贡献和提供扩展。
键盘快捷键使 VS Code 中的开发变得更加容易,并使您可以专注于在更短的时间内构建高质量的项目。
在本文中,我们介绍了一些有用的 Visual Studio Code 快捷方式,这些快捷方式可以保证加快您的开发速度。