提高开发效率的VSCode快捷键有哪些-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

提高开发效率的VSCode快捷键有哪些-创新互联

这篇文章主要介绍提高开发效率的VSCode快捷键有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联于2013年成立,先为班玛等服务建站,班玛等地企业,进行企业商务咨询服务。为班玛企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

21 个 VSCode 快捷键,分享给你。

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

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

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

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

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

提高开发效率的VSCode快捷键有哪些

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

提高开发效率的VSCode快捷键有哪些

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

提高开发效率的VSCode快捷键有哪些

2.为 tabs 设置强调色(Material Theme)

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

红色:

提高开发效率的VSCode快捷键有哪些

紫色

提高开发效率的VSCode快捷键有哪些

黄色

提高开发效率的VSCode快捷键有哪些

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

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

提高开发效率的VSCode快捷键有哪些

3.进程资源管理器

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

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

提高开发效率的VSCode快捷键有哪些

是不是看起来很熟悉?

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

4.Expand Bracket Selection

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

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

提高开发效率的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来查看所有你安装的正在运行的插件。

提高开发效率的VSCode快捷键有哪些

9. 重新加载

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

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

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

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

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

提高开发效率的VSCode快捷键有哪些

11.选择左侧/右侧的所有内容

有时你想要删除光标右侧或左侧的所有内容。 你可以选择光标右侧或左侧的所有内容。例如,要选择右侧或左侧的所有内容:

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

苹果笔记本没home键,可以用组合键实现

  • fn键+左方向键是HOME

  • fn键+右方向键是END

  • fn+上方向键是page up

  • fn+下方向键是page down

提高开发效率的VSCode快捷键有哪些

12.删除上一个单词

要删除前一个单词,可以按Ctrl + Backspace (Mac:option + delete)。这在你打错字的时候非常有用。

提高开发效率的VSCode快捷键有哪些

你可以在 VsCode 之外的任何地方使用它。

提高开发效率的VSCode快捷键有哪些

13. 启动性能

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

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

提高开发效率的VSCode快捷键有哪些

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

14.逐个选择文本

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

15. 重复的行

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

提高开发效率的VSCode快捷键有哪些

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

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

提高开发效率的VSCode快捷键有哪些

17. 批量替换当前文件中所有匹配的文本

可以选择任何一组文本,如果该选中文本出现多个,可以通过按Ctrl + F2 (Mac:command + F2)一次改所有出现的文本。

提高开发效率的VSCode快捷键有哪些

18. 向上/向下移动一行

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

提高开发效率的VSCode快捷键有哪些

19. 删除一行

有两种方法可以立即删除一行。

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

提高开发效率的VSCode快捷键有哪些

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

提高开发效率的VSCode快捷键有哪些

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

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

提高开发效率的VSCode快捷键有哪些

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

在 VsCode 中复制游标可以证明是最节省时间的特性。

提高开发效率的VSCode快捷键有哪些

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

以上是“提高开发效率的VSCode快捷键有哪些”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前标题:提高开发效率的VSCode快捷键有哪些-创新互联
本文地址:http://kswsj.cn/article/cdiocj.html

其他资讯