分享

15 个提高工作效率的 VS Code 键盘快捷键

 上五楼的快活wp 2021-06-16

毫无疑问,微软的 VS Code是最好的开源代码编辑器之一[1]。它与传说中的 Vim 不同,VS Code 不需要你是一个快捷键大师(LCTT 译注:以下都指键盘快捷键),开发者们对它大部分的功能都及其熟悉,且推崇备至。

但这并不意味着你不能成为快捷键大师,或者说你在 VS Code 中不应该使用快捷键。

在敲代码的时候,你可能需要用鼠标去执行其他的动作,比如在 VS Code 编辑器中切换终端,而此时你的代码流程会被打断,这是不是很讨厌?如果是的,那么你应该立即熟记下面这些 VS Code 有用的快捷键。

它不仅能帮助你摆脱鼠标,还能使你的生产力和工作效率得到提高。

那么,让我们来了解一下如何通过使用快捷键快速进行代码导航来进行快速编码。

有用的 VS Code 快捷键

免责声明。下面的这些快捷键是我在 VS Code 的使用中发现的较为有用的,你可以根据你的需要来发现更多有用的快捷键。

下面我还给出了 MacOS 用户的键盘快捷键。

1、显示所有命令

Windows/LinuxmacOS
CTRL SHIFT PF1SHIFT ⌘ PF1

我们从最有用的快捷键开始,这个快捷键能打开命令面板(列表),它提供了对 VS Code 所有功能的访问。

图片
命令面板

这是一个非常重要的 VS Code 快捷键,因为即使你忘记了或不想记起其他任何快捷键,但你记得这个,那么你仍然可以使用命令面板进行各种操作,如创建新文件、打开设置、改变主题,还可以查看所有快捷键。

2、垂直和水平拆分 VS Code 编辑器

Windows/LinuxmacOS
CTRL \⌘ \

为了提高效率,但你又没有安装多个显示器,那么你可以通过水平或垂直分割 VS Code 的编辑器来一次查看多个文件的代码。

图片
分割 VS Code 编辑区

要在多个编辑区间切换焦点,你可以使用数字键或箭头键。

Windows/LinuxmacOS
CTRL 1/2/3⌘ 1/2/3
CTRL K CTRL ←/⌘ K ⌘ ←/

3、切换集成终端

Windows/LinuxmacOS
CTRL `` |⌘ ``

VS Code 中的集成终端是一个非常方便的功能,它可以让你在不切换窗口的情况下快速执行任务。要在编辑器中显示/隐藏终端,下面的快捷键会非常方便。

图片
集成终端

但是,如果你跟我一样觉得 CTRL 在键盘的角落位置而比较难按到,你可以打开命令面板执行View: Toggle Terminal` 命令来切换终端。

图片
使用命令面板切换终端

使用命令面板切换终端

4、转到文件

Windows/LinuxmacOS
CTRL P⌘ P

随着项目的壮大,查找文件可能会变得困难。因此,我建议,即使你使用鼠标,这个命令也能为你节省很多搜索和导航到版本库中的文件的时间。

图片
转到文件

5、转到行

Windows/LinuxmacOS
CTRL G^ G

当你找到文件,你可能需要去到文件中指定的行增加或编辑代码,而如果这个文件包含了数千行代码,那么滚动代码将会浪费你大量的时间。而 CTRL G^ G 快捷键能让你快速的去掉指定的行。

图片
转到行

另外,你也可以使用上面的转到文件的快捷键,在输入框中输入冒号 : 加行号,结果就跟转到行是一样的。

6、在整个项目中搜索

Windows/LinuxmacOS
CTRL SHIFT F⌘ SHIFT F

很可能你需要在整个项目中搜索一个文本、变量或函数,在这种情况下,上面的命令就非常方便,它会在侧边栏显示一个搜索输入框。

图片
在项目中搜索

我们还可以在搜索的时候添加一些过滤器,比如使用 ALT C 来启用大写匹配,ALT W 用于匹配整个单词,ALT R 用于启用正则表达式。

7、禅模式

Windows/LinuxmacOS
CTRL K Z⌘ K Z

想要在不受干扰的环境中工作以保持更专注?你可以试试禅模式(先按下 CTRL K,再按下 Z),它会隐藏所有 UI(状态栏、活动栏、面板和侧边栏)并仅在全屏上显示编辑器。

图片
禅模式

要启用禅模式,你可以使用上面的快捷键或者打开命令面板执行 View: Toggle Zen Mode,要退出禅模式,你可以按两次 Esc 键。

8、将选择添加到下一次匹配中

Windows/LinuxmacOS
CTRL D⌘ D

这条命令能让你选择所选文本的下一个出现的地方,从而进行编辑。如果下一个匹配出现的位置与第一个相离较远,那这将会很方便处理。

图片
查找下一个匹配

9、切换行注释

Windows/LinuxmacOS
CTRL /⌘ /

将光标移到行的开头,然后添加双斜杠进行注释,这种麻烦的操作我们可以用上面的快捷键来代替了。

图片
注释代码

甚至,如果你想注释多行代码,你可以先通过 SHIFT UP/Down 快捷键来选中多行,然后按 CTRL / 快捷键进行注释。

10、转到文件的开头或结尾

Windows/LinuxmacOS
CTRL HOME/END⌘ ↑/

如果你迷失在文件的中间位置,该命令可以让你快速达到文件的起点或终点。

11、代码折叠或打开

Windows/LinuxmacOS
CTRL SHIFT [/]⌥ ⌘ [/]

这也是最有用的快捷键之一,它可以帮助你折叠/取消折叠一个区域的代码。通过这种方式,你可以隐藏不必要的代码,每次只查看所需的部分代码,以便更加专注和快速编码。

图片
折叠一块代码

12、窥视执行

Windows/LinuxmacOS
CTRL SHIFT F12⌘ SHIFT F12

这个快捷键最有可能的作用是帮助你进行代码分析,或修复 bug 时了解函数和变量的运行情况。

图片
窥视执行

13、删除当前行

Windows/LinuxmacOS
CTRL SHIFT KSHIFT ⌘ K

这是一条可以快速执行,选中当前行并按删除/退格键,这两个任务的简单命令。

14、查找与替换

Windows/LinuxmacOS
CTRL F⌘ F
CTRL H⌥ ⌘ F

用一个新的文本替换文件中所有出现的该文本的最好方法是什么?如果你手动一个一个的通过滚动代码来处理,且如果需要替换的地方又很多,那么你可能会花费大量的时间。

图片
查找与替换

而使用查找和替换功能我们能在几秒内完成相同的任务。你可以用两个快捷键来打开它,其中一个实际上是打开用于查找文本的输入框,另一个用于输入新的文本。

15、VS Code 的全部键盘快捷键

Windows/LinuxmacOS
CTRL K CTRL S⌘ K ⌘ S

最后,如果你还在为记住上述所有的快捷键而苦恼,你大可不必。因为你可以使用上面的快捷键查看编辑器所有可用的命令。

图片
快捷键

你还可以根据自己的喜好编辑命令的绑定键。

想要为 VS Code 添加更多快捷键?

如果你想对 VS Code 的快捷键有完整的了解,你可以查看 VS Code 的 文档[2]

或者,如果你想在纸上将所有快捷键打印出来慢慢看,下面这些是各个系统对应的快捷键速查表:Linux[3]macOS[4]Windows[5]

参考资料

[1]

VS Code是最好的开源代码编辑器之一: https:///best-modern-open-source-code-editors-for-linux/

[2]

文档: https://code./docs/getstarted/keybindings

[3]

Linux: https://code./shortcuts/keyboard-shortcuts-linux.pdf

[4]

macOS: https://code./shortcuts/keyboard-shortcuts-macos.pdf

[5]

Windows: https://code./shortcuts/keyboard-shortcuts-windows.pdf

- EOF -

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多