21个极大提高开发效率的VSCode快捷键

做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键方便大家学习与记忆。

在这篇文章中，我将列出我最喜欢的快捷键，这些快捷键让我更快的编写代码，也让编码变得更有趣，以下是21 个 VSCode 快捷键，分享给你。

注意：自己尝试的时候，Mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 Ctrl 要换成 command

1. 一次搜索所有文件的文本

Windows: Ctrl + Shift + F
Mac: Command + Shift + F

VSCode中我最喜欢的特性之一是能够在项目目录中的所有文件中搜索任何匹配的文本。

要使用此特性，可以按Ctrl + Shift + f打开视图，它将显示编辑器左侧的侧边栏：

输入查找的內容并回车，VS code 将提供与输入内容匹配的结果列表，如下所示：

你还可以同时规制每个搜索果文件中的所有匹配内容。如果你单击左边的这个小箭头，它将在下面弹出第二个输入框，可以在这里输入要替换的文本，同时单击右边出现的小框：

2.为 tabs 设置强调色（Material Theme）

你是否厌倦了每天看到相同的 tabs 底部颜色?可以使用 Material Theme 来扩展 VsCode 的主题，这样就可以为 tabs 设置不同的颜色。

红色：

紫色

黄色

有16种不同的颜色可供选择。

因此，如果胸有安装此扩展，打开的命令面板(Ctrl + Shift + P)，选择 Material Theme: Set accent color并从列表中选择一个颜色，它将更改选项卡的下划线颜色，如下所示

21个极大提高开发效率的VSCode快捷键

3.进程资源管理器

你是否发现你的VsCode 编辑器有时有点慢?这时候你希望哪个进程在吃我们的内存？

好吧，如果你还不知道，VsCode 有一个进程资源管理器功能，如下所示：

是不是看起来很熟悉？

在windows任务管理器中看到过这一点，在VsCode 中按Ctrl + Alt + Delete可以打开该任务管理器。

4.Expand Bracket Selection

打开键盘快捷键(Ctrl + Shift + P 或 command + Shift + p)，搜索 Expand Bracket Selection。

这是我需要花费一些时间才能发现的，因为我无法猜出该功能的名称。使用此功能可以自动选择整个块，从开始的大括号到结束。

21个极大提高开发效率的VSCode快捷键

我发现这个功能在想要找到 if/else 对应的结束块很有用。

5. 重新打开关闭的编辑页面

Windows: Ctrl + Shift + T
Mac: command + Shift + T

当你处理一个文件很多的大型项目时，如果不小心关闭了一个页面，并且不得不在侧菜单中再次搜索它，这可能会有点令人沮丧。

现在，可以按 Ctrl + Shift + T 重新打开一个关闭的页面。

6. 通过匹配文本打开文件

Windows: Ctrl + T
Mac: command + T

说到搜索文件，你可以动态地搜索和打开文件。这是我最喜欢的特性之一，因为不需要手动单击目录来重新打开一个不再打开的文件。

7. 集成终端

Windows: Ctrl + Mac: control +

通过 Ctrl + `可以打开或关闭终端

8. 查看正在运行插件

你可以通过打开命令面板(Ctrl + Shift + P)并输入Show running extensions来查看所有你安装的正在运行的插件。

9. 重新加载

我个人认为这是 VsCode 最酷的特性之一。它允许你在重新加载编辑器时将窗口放在前面，同时具有与关闭和重新打开窗口相同的效果。

Windows: Ctrl + Alt + R
Mac: Control + Option + R

10. 将选项卡交换到不同的组

在我开发的过程中，我习惯在错误的选项卡组中使用选项卡。我也希望避免尽可能多地使用我的鼠标来解决问题，因为这会让我把手从键盘上抬起来，我很懒，手一起想放键盘上。

幸运的是，VsCode 有一种方法可以通过按Ctrl + Alt +右箭头（Mac：Control + Option +右箭头）将标签移动到右侧的组，或者按Ctrl + Alt + 左箭头将标签转移到单独的标签组（Mac：Control + Option +左箭头））将标签移动到左侧的组：

21个极大提高开发效率的VSCode快捷键