摘要： 高效使用vs code!
fundebug经授权转载，版权归原作者所有。
注意：自己尝试的时候，mac(17, pro) 与原文提供的快捷键盘不太一样，mac 对应的 ctrl 要换成 command
做为前端开发者来说，大都数都用过 vscode，并且也有很多是经常用的。但 vscode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键方便大家学习与记忆。
在这篇文章中，我将列出我最喜欢的快捷键，这些快捷键让我更快的编写代码，也让编码变得更有趣，以下是21 个 vscode 快捷键，分享给你。
windows: ctrl + shift + f
mac: command + shift + f
vscode中我最喜欢的特性之一是能够在项目目录中的所有文件中搜索任何匹配的文本。
要使用此特性，可以按ctrl + shift + f打开视图，它将显示编辑器左侧的侧边栏：
输入查找的內容并回车，vs code 将提供与输入内容匹配的结果列表，如下所示：
你还可以同时规制每个搜索果文件中的所有匹配内容。如果你单击左边的这个小箭头，它将在下面弹出第二个输入框，可以在这里输入要替换的文本，同时单击右边出现的小框：
你是否厌倦了每天看到相同的 tabs 底部颜色?可以使用 material theme 来扩展 vscode 的主题，这样就可以为 tabs 设置不同的颜色。
红色：
紫色
黄色
有16种不同的颜色可供选择。
因此，如果胸有安装此扩展，打开的命令面板(ctrl + shift + p)，选择 material theme: set accent color并从列表中选择一个颜色，它将更改选项卡的下划线颜色，如下所示
你是否发现你的vscode 编辑器有时有点慢?这时候你希望哪个进程在吃我们的内存？
好吧，如果你还不知道，vscode 有一个进程资源管理器功能，如下所示：
是不是看起来很熟悉？
在windows中看到过这一点，在vscode 中按ctrl + alt + delete可以打开该任务管理器。
打开键盘快捷键(ctrl + shift + p 或 command + shift + p)，搜索 expand bracket selection。
这是我需要花费一些时间才能发现的，因为我无法猜出该功能的名称。使用此功能可以自动选择整个块，从开始的大括号到结束。
我发现这个功能在想要找到 if/else 对应的结束块很有用。
windows: ctrl + shift + t
mac: command + shift + t
当你处理一个文件很多的大型项目时，如果不小心关闭了一个页面，并且不得不在侧菜单中再次搜索它，这可能会有点令人沮丧。
现在，可以按 ctrl + shift + t 重新打开一个关闭的页面。
windows: ctrl + t
mac: command + t
说到搜索文件，你可以动态地搜索和打开文件。这是我最喜欢的特性之一，因为不需要手动单击目录来重新打开一个不再打开的文件。
windows: ctrl +
mac: control +
通过 ctrl + `可以打开或关闭终端
你可以通过打开命令面板(ctrl + shift + p)并输入show running extensions来查看所有你安装的正在运行的插件。
我个人认为这是 vscode 最酷的特性之一。它允许你在重新加载编辑器时将窗口放在前面，同时具有与关闭和重新打开窗口相同的效果。
windows: ctrl + alt + r
mac: control + option + r
在我开发的过程中，我习惯在错误的选项卡组中使用选项卡。 我也希望避免尽可能多地使用我的鼠标来解决问题，因为这会让我把手从键盘上抬起来，我很懒，手一起想放键盘上。
幸运的是，vscode 有一种方法可以通过按ctrl + alt +右箭头（mac：control + option +右箭头）将标签移动到右侧的组，或者按ctrl + alt + 左箭头将标签转移到单独的标签组 （mac：control + option +左箭头））将标签移动到左侧的组：
代码部署后可能存在的bug没法实时知道，事后为了解决这些bug，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的bug监控工具 fundebug。
有时你想要删除光标右侧或左侧的所有内容。 你可以选择光标右侧或左侧的所有内容。例如，要选择右侧或左侧的所有内容：
windows: ctrl + shift + home/end
mac: command + shift + home/end
苹果笔记本没home键，可以用组合键实现
要删除前一个单词，可以按ctrl + backspace (mac: option + delete)。这在你打错字的时候非常有用。
你可以在 vscode 之外的任何地方使用它。
有时候，缺乏关于性能问题的详细信息是一件非常痛苦的事情，同时还要找出哪些有性能问题。
有时候，如果你足够幸运，你会找到一个工具，它能给你所有的答案。在vscode 中，启动性能是很重要的。这就是为什么你能弹出一个有用的窗口，奇迹般地提供所有你需要的信息：
打开命令面板(ctrl + shift + p)，搜索startup performance。
可以通过快捷键ctrl + shift +右箭头(mac: option + shift +右箭头)和ctrl + shift +左箭头(mac: option + shift +左箭头)逐个选择文本。
一个非常强大和已知的功能是复制行。只需按 shift + alt + 向下箭头 (mac: command + shift + 向下箭头)
要使光标移到文件的第一行或最后一行，最快的方法是按ctrl + home (mac: command + home)键开头，然后按ctrl + end (mac: command + end)键结尾。
可以选择任何一组文本，如果该选中文本出现多个，可以通过按ctrl + f2 (mac: command + f2)一次改所有出现的文本。
按alt + 向上箭头(mac: command+ 向上箭头)当前行向上移动，按alt + 向下箭头(mac: command+ 向下箭头))当前行向下移动。
有两种方法可以立即删除一行。
使用ctrl + x剪切命令(mac：command + x)来删除一行。
或者使用 ctrl + shift + k (mac: command + shift + k)命令。
如果你像我一样，你可能会有一种无法控制的欲望，想要在一个组中重新排列选项卡，其中选项卡相互关联，左边的选项卡是比较重要文件，而右边的选项卡是相对不重要的文件。
通过 ctrl+shift+pgup/pgdown(command + +shift+pgup/pgdown)向左/向右移动编辑器。
在 vscode 中复制游标可以证明是最节省时间的特性。
按ctrl + alt +向上箭头(mac: control + option +向上箭头)将光标添加到上面，按ctrl + alt +向下箭头(mac: control + option + 向下箭头)将光标添加到下面。
代码部署后可能存在的bug没法实时知道，事后为了解决这些bug，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的bug监控工具 fundebug。
如对本文有疑问， 点击进行留言回复！！
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json？Protocol Buffer？FlatBuffers？
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
我要评论
网友评论