code vs 光标向上移动_这 21 个 VSCode 快捷键,能让你的代码飞起来

点击关注上方“杰哥的IT之旅”,

设为“置顶或星标”,第一时间送达干货。

c3f520477f59fbf346c83e7ad8f0d4bb.png

作者/小智/

https://juejin.im/post/5d34fdfff265da1b897b0c8d

注意:若你在使用 Mac 时出现快捷键无效的情况,有可能是因为版本差异导致。

请将 Ctrl 对应要换成 Command,而 Alt 对应换成 Option 再试一下。

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

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

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

Windows: Ctrl + Shift + FMac: Command + Shift + F

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

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

19cca1b3e5ecc60fc4877003a7b0a955.png

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

3a5623e8b6c946de10a01e8343909135.png

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

55141aef38918a3571eb6338af835849.png

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

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

红色:

4f477acc3529d8e10ac98762bbe5e67c.png

紫色:

c85c6d682c157b48df7c184d87bde4cc.png

黄色:

1099d18277614978b44ca0a8815a953a.png

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

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

b48a4e29006e40c1064f4e75131abf47.gif

3、进程资源管理器

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

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

7aacd3768c286d8cd5ca99633d412ab7.png

是不是看起来很熟悉?

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

4、Expand Bracket Selection

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

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

1aeaf580d89482dcd2b713bddd313d31.gif

我发现这个功能在想要找到if/else对应的结束块很有用。

5、重新打开 关闭的编辑页面

Windows: Ctrl + Shift + TMac: command + Shift + T

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

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

6、通过匹配文本打开文件

Windows: Ctrl + TMac: command + T

说到搜索文件,你可以动态地搜索和打开文件。这是我最喜欢的特性之一,因为不需要手动单击目录来重新打开一个不再打开的文件。

7、集成终端

Windows: Ctrl + `Mac: control + `

通过 Ctrl + `可以打开或关闭终端

8、查看正在运行插件

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

c4da96fdeaed277acafa6c32f6f2d518.png

9、重新加载

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

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

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

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

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

f198f7f58d3e4113abec22bf2776df91.gif

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

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

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

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

fn键+左方向键是HOME

fn键+右方向键是END

fn+上方向键是page up

fn+下方向键是page down

a53ebea64d63f9979bf10407ba37030e.gif

12、删除上一个单词

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

c892695d05e6c0447f94dbdc5fa9590c.gif

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

18810fa65d4312a0d4ad1a535bf2cc43.gif

13、启动性能

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

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

3619bc4d45f9d5336e9aa8797af5296c.png

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

14、逐个选择文本

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

15、重复的行

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

d68a1702f97007b944c4dd2adb514fde.gif

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

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

a91d0a77f6d9ba876fc3f986f7157b3f.gif

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

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

55efb59b091c454413023421948114cf.gif

18、向上/向下移动一行

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

d5bd02c586639aba61c89198834df95c.gif

19、删除一行

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

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

a16294e84960e348182826a1d14c7a68.gif

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

647a31f1345ead509d18427f2a6e46d0.gif

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

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

dd5a86db2f2108875044d5862f81afe0.gif

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

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

b146e4e2eaacaff83e71c7aadd540052.gif

Ctrl + Alt +向上箭头(Mac:

Control + Option +向上箭头)将光标添加到上面,按

Ctrl + Alt +向下箭头(Mac:

Control + Option + 向下箭头)将光标添加到下面。

本公众号全部博文已整理成一个目录,请在公众号后台回复「

m

」获取!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值