主页 > mac电脑教程 >

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

个人专栏ES6已上线,深入ES6,通过案例学习掌握ES6新特性的一些使用技巧和原理,持续更新,←点击订阅。

喜欢再读,养成习惯

这篇文章已经被收录到了GitHub上,过去的高赞文章分类比较多,整理了很多我的文档和教程资料。欢迎来到星和完美。面试时可参考考点复查。我希望我们能在一起。

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

注意:自己试了一下,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. 设置标签的强调色(素材主题)

您是否厌倦了每天看到相同底部颜色的标签?您可以使用 Material Theme 扩展 VsCode 的主题,以便您可以为选项卡设置不同的颜色。

红色:

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

我发现这个特性对于查找 if/else 对应的结束块非常有用。

5. 重新打开关闭的编辑页面 Windows: Ctrl + Shift + T

Mac:命令 + Shift + T

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

现在,您可以按 Ctrl + Shift + T 重新打开关闭的页面。

6. 通过匹配文本打开文件 Windows: Ctrl + T

Mac:命令 + T

说到搜索文件,您可以动态搜索和打开文件。这是我最喜欢的功能之一,因为无需手动单击目录即可重新打开不再打开的文件。

7. 集成终端窗口:Ctrl + `

Mac:控制+`

您可以使用 Ctrl + `

打开或关闭终端

8. 查看正在运行的插件

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

9.重新加载

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

13. 启动性能

有时候,缺乏关于性能问题的详细信息是一件很痛苦的事情,同时也需要找出哪些存在性能问题。

有时候,如果你足够幸运,你会找到一个工具,可以给你所有的答案。在 VsCode 中,启动性能非常重要。这就是为什么你可以弹出一个有用的窗口,奇迹般地提供你需要的所有信息:

打开命令面板 (Ctrl + Shift + P) 并搜索启动性能。

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.向上/向下移动一行

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

按 Alt + 向上箭头(Mac:命令 + 向上箭头)向上移动当前行,按 Alt + 向下箭头(Mac:命令 + 向下箭头)向下移动当前行。

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监控工具Fundebug。

沟通

干货系列文章总结如下。我觉得订一颗星很好。欢迎加入群,互相学习。

我是小智,公众号“感动世界”的作者,我是前端技术学习爱好者。我会经常分享我的所见所闻,在进步的路上互相鼓励!