快捷搜索:  汽车  科技

怎样用vscode写简单代码(21个VSCode快捷键)

怎样用vscode写简单代码(21个VSCode快捷键)2、为 tabs 设置强调色 (Material Theme)你还可以同时规制每个搜索果文件中的所有匹配内容。如果你单击左边的这个小箭头,它将在下面弹出第二个输入框,可以在这里输入要替换的文本,同时单击右边出现的小框:Windows: Ctrl Shift F Mac: Command Shift F VSCode中我最喜欢的特性之一是能够在项目目录中的所有文件中搜索任何匹配的文本。要使用此特性,可以按Ctrl Shift f打开视图,它将显示编辑器左侧的侧边栏:输入查找的內容并回车,VS code 将提供与输入内容匹配的结果列表,如下所示:

私信我或关注狮范课,回复:学习,获取免费学习资源包。

做为前端开发者来说,大都数都用过 VSCode,并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道,也比较少用,毕竟这很好,因此本文就列出一些快捷键方便大家学习与记忆。

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

怎样用vscode写简单代码(21个VSCode快捷键)(1)

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

Windows: Ctrl Shift F Mac: Command Shift F

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(2)

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

怎样用vscode写简单代码(21个VSCode快捷键)(3)

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

怎样用vscode写简单代码(21个VSCode快捷键)(4)

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

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

红色:

怎样用vscode写简单代码(21个VSCode快捷键)(5)

紫色:

怎样用vscode写简单代码(21个VSCode快捷键)(6)

黄色:

怎样用vscode写简单代码(21个VSCode快捷键)(7)

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(8)

3、进程资源管理器

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(9)

是不是看起来很熟悉?

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

4、Expand Bracket Selection

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(10)

我发现这个功能在想要找到 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写简单代码(21个VSCode快捷键)(11)

9、重新加载

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

Windows: Ctrl Alt R Mac: Control Option R

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

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(12)

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

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

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

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(13)

12、删除上一个单词

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

怎样用vscode写简单代码(21个VSCode快捷键)(14)

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

怎样用vscode写简单代码(21个VSCode快捷键)(15)

13、启动性能

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(16)

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

14、逐个选择文本

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

15、重复的行

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

怎样用vscode写简单代码(21个VSCode快捷键)(17)

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(18)

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(19)

18、向上/向下移动一行

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

怎样用vscode写简单代码(21个VSCode快捷键)(20)

19、删除一行

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(21)

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

怎样用vscode写简单代码(21个VSCode快捷键)(22)

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

如果你像我一样,你可能会有一种无法控制的欲望,想要在一个组中重新排列选项卡,其中选项卡相互关联,左边的选项卡是比较重要文件,而右边的选项卡是相对不重要的文件。

通过 Ctrl Shift PgUp/PgDown(command Shift PgUp/PgDown)向左/向右移动编辑器。

怎样用vscode写简单代码(21个VSCode快捷键)(23)

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

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

怎样用vscode写简单代码(21个VSCode快捷键)(24)

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

来源网络,侵权联系删除

私信我或关注狮范课,回复:学习,获取免费学习资源包。

猜您喜欢: