21 个VSCode 快捷键，让代码更快，更有趣

原文：medium.com/better-prog…前端

译者：前端小智git

你知道的越多，你不知道的越多

github

点赞再看，养成习惯
面试

本文 GitHub：github.com/qq449245884… 上已经收录，更多往期高赞文章的分类，也整理了不少个人文档，和教程资料。欢迎Star和完善，你们面试能够参照考点复习，但愿咱们一块儿有点东西。windows

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

作为前端开发者来讲，大都数都用过 VSCode，而且也有不少是常常用的。但 VSCode 的一些快捷键可能咱们不知道，也比较少用，毕竟这很好，所以本文就列出一些快捷键方便你们学习与记忆。app

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

1. 一次搜索全部文件的文本

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

VSCode中我最喜欢的特性之一是可以在项目目录中的全部文件中搜索任何匹配的文本。oop

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

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

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

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

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

红色：

紫色

黄色

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

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

3.进程资源管理器

你是否发现你的VsCode 编辑器有时有点慢?这时候你但愿哪一个进程在吃咱们的内存？

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

是否是看起来很熟悉？

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

4.Expand Bracket Selection

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

这是我须要花费一些时间才能发现的，由于我没法猜出该功能的名称。使用此功能能够自动选择整个块，从开始的大括号到结束。

我发现这个功能在想要找到 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 +左箭头））将标签移动到左侧的组：