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

阿里云最近在作活动，低至2折，有兴趣能够看看：
https://promotion.aliyun.com/...

---

为了保证的可读性，本文采用意译而非直译。

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

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

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

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并从列表中选择一个颜色，它将更改选项卡的下划线颜色，以下所示

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 +左箭头））将标签移动到左侧的组：

11.选择左侧/右侧的全部内容

有时你想要删除光标右侧或左侧的全部内容。 你能够选择光标右侧或左侧的全部内容。例如，要选择右侧或左侧的全部内容：

Windows: Ctrl + Shift + Home/End
Mac: command + Shift + Home/End

苹果笔记本没home键，能够用组合键实现

• fn键+左方向键是HOME
• fn键+右方向键是END
• fn+上方向键是page up
• fn+下方向键是page down

12.删除上一个单词

要删除前一个单词，能够按Ctrl + Backspace (Mac: option + delete)。这在你打错字的时候很是有用。

你能够在 VsCode 以外的任何地方使用它。

13. 启动性能

有时候，缺少关于性能问题的详细信息是一件很是痛苦的事情，同时还要找出哪些有性能问题。

有时候，若是你足够幸运，你会找到一个工具，它能给你全部的答案。在VsCode 中，启动性能是很重要的。这就是为何你能弹出一个有用的窗口，奇迹般地提供全部你须要的信息：

打开命令面板(Ctrl + Shift + P)，搜索Startup Performance。

14.逐个选择文本

能够经过快捷键Ctrl + Shift +右箭头(Mac: option + Shift +右箭头)和Ctrl + Shift +左箭头(Mac: option + Shift +左箭头)逐个选择文本。

15. 重复的行

一个很是强大和已知的功能是复制行。只需按 Shift + Alt + 向下箭头 (Mac: command + Shift + 向下箭头)

16.移至文件的开头/结尾

要使光标移到文件的第一行或最后一行，最快的方法是按Ctrl + Home (Mac: command + Home)键开头，而后按Ctrl + End (Mac: command + End)键结尾。

17. 批量替换当前文件中全部匹配的文本

能够选择任何一组文本，若是该选中文本出现多个，能够经过按Ctrl + F2 (Mac: command + F2)一次改全部出现的文本。

18. 向上/向下移动一行

按Alt + 向上箭头(Mac: command+ 向上箭头)当前行向上移动，按Alt + 向下箭头(Mac: command+ 向下箭头))当前行向下移动。

19. 删除一行

有两种方法能够当即删除一行。

使用Ctrl + X剪切命令(Mac：command + X)来删除一行。

或者使用 Ctrl + Shift + K (Mac: command + Shift + K)命令。

20.将编辑器向左或向右移动

若是你像我同样，你可能会有一种没法控制的欲望，想要在一个组中从新排列选项卡，其中选项卡相互关联，左边的选项卡是比较重要文件，而右边的选项卡是相对不重要的文件。
经过 Ctrl+Shift+PgUp/PgDown(command + +Shift+PgUp/PgDown)向左/向右移动编辑器。

21. 复制光标向上或者向上批量添加内容

在 VsCode 中复制游标能够证实是最节省时间的特性。

按Ctrl + Alt +向上箭头(Mac: Control + Option +向上箭头)将光标添加到上面，按Ctrl + Alt +向下箭头(Mac: Control + Option + 向下箭头)将光标添加到下面。

代码部署后可能存在的BUG无法实时知道，过后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给你们推荐一个好用的BUG监控工具 Fundebug。

交流

干货系列文章汇总以下，以为不错点个Star，欢迎 加群 互相学习。

https://github.com/qq44924588...

我是小智，公众号「大迁世界」做者，对前端技术保持学习爱好者。我会常常分享本身所学所看的干货，在进阶的路上，共勉！

关注公众号，后台回复福利，便可看到福利，你懂的。