动图演示23个鲜为人知的VSCode快捷键

动图演示23个鲜为人知的VSCode快捷键

原文地址:dev.to/devmount/23…

尽管我在VS Code中经常使用许多快捷键,以下快捷键可能会派上用场,但我经常忘记它们的存在。我制作了一些GIF,以便更好地记住它们。也许这里面也有一些快捷键你也不记得了,但是却很有用。

VSCode 中的每个命令都可以通过 CTRL + SHIFT + P (Window) 搜索命令提示符执行,但是知道直接的快捷键会可能会更快。

下面的Gif是我在 Windows 环境中的 VSCode 制作的,但是我提升了一个表格,其中显示了每个命令在 Windows 和 Mac 上的快捷键。

1. CTRL + , = 打开用户设置

Windows Mac
CTRL + , ? + ,

偶尔我们需要调整用户首选项,这是直接打开它们的方式。

2. CTRL + K CTRL + S = 显示快捷键

Windows Mac
CTRL + K CTRL + S ? + K ? + S

这里有一份VS Code中的快捷键的完整列表可以下载: Windows备忘单[PDF] 和 MacOS备忘单[PDF]

3. CTRL + R = 切换工作区

Windows Mac
CTRL + R ? + R

译者注: MAC上我看了下,是 Control + R —— 其他小伙伴呢?

这将打开最近工作区的列表,并且是切换到另一个文件夹或项目的超快速方法。请注意,如果你在 VS Code 工作区中打开了一个终端,这将杀死你当前的终端会话。

4. ALT + Z = 切换自动换行

Windows Mac
ALT + Z ? + Z

5. CTRL + G = 转到行

Windows Mac
CTRL + G ^ + G

6. CTRL + P = 转到文件

Windows Mac
CTRL + P ? + P

不使用鼠标切换文件的最快方法(尤其是在尚未打开文件时)。

7. F8 = 转到下一个错误或者警告

Windows Mac
F8 F8

还可以使用 SHIFT + F8 转到上一个错误或警告。

8. CTRL + TAB = 切换 tabs

Windows Mac
CTRL + TAB ^ + TAB

不使用鼠标切换已打开文件的最快方法。

9. SHIFT + ALT + I = 在所选的每一行的末尾插入光标

Windows Mac
SHIFT + ALT + I ? + ? + I

这对于在选定区域中快速创建多个光标很有用。

10. CTRL + L = 选中当前行

Windows Mac
CTRL + L ? + L

结合下一个快捷键搜索相同的行

11. CTRL + SHIFT + L = 选中所有找到的匹配项

Windows Mac
CTRL + SHIFT + L ? + ? + L

12. CTRL + F2 = 选中所有匹配项

Windows Mac
CTRL + F2 ? + F2

![](

有了它,甚至不必选择任何东西,只需要将光标放在要选择所有出现的单词上。

13. CTRL + SHIFT + SPACE = 查看参数定义

Windows Mac
CTRL + SHIFT + SPACE ? + ? + SPACE

如果你不记得参数顺序,也不想通过查看文档来打断你的流程。【译者注:这个感觉作用不大,光标放在函数上就可以看到了。】

14. SHIFT + ALT + F = 格式化代码

Windows Mac
SHIFT + ALT + F ? + ? + F

没有人想要手动格式化整个问题。

译者注:使用了 Prettier 之后,这个快捷键对我作用就不大了~虽然以前也没少用。

15. CTRL + K CTRL + F = 格式化选择部分

Windows Mac
CTRL + K CTRL + F ? + K ? + F

如果只想格式化文件的某些部分。

译者注:不知道什么场景下有这种需求,好吧,的确不知道这个快捷键

16. F12 = 转到定义

Windows Mac
F12 F12

跳转到变量或函数定义的快捷方法。

17. ALT + F12 = 查看定义

Windows Mac
ALT + F12 ? + F12

18. F2 = 重命名符号

Windows Mac
F2 F2

重构代码必不可少的快捷键。

19. CTRL + K CTRL + X = 裁剪尾随空格

Windows Mac
CTRL + K CTRL + X ? + K ? + X

20. CTRL + K R = 在资源管理器中显示活动文件

Windows Mac
CTRL + K R ? + K R

21. CTRL + SHIFT + H = 替换文件

Windows Mac
CTRL + SHIFT + H ? + ? + H

22. CTRL + K V = 打开 MarkDown 侧边预览

Windows Mac
CTRL + K V ? + K V

23. CTRL + K Z = 切换禅模式

Windows Mac
CTRL + K Z ? + K Z

编码无干扰。要退出禅模式,按ESC即可。

译者注:最后这个模式绝佳,为看不到消息找到了完美的借口。

最后

  1. 如果本文对你有帮助的话,给本文点个赞吧,心情好的话,也许还可以点个Star
  2. 欢迎加入技术交流群,推文的大佬和广告小可爱就不要加啦。

原文地址:https://www.cnblogs.com/chargeworld/p/12242960.html

时间: 2024-11-08 13:55:18

动图演示23个鲜为人知的VSCode快捷键的相关文章

经典排序算法(动图演示)

算法概述 0.1 算法分类 十种常见排序算法可以分为两大类: 非线性时间比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此称为非线性时间比较类排序. 线性时间非比较类排序:不通过比较来决定元素间的相对次序,它可以突破基于比较排序的时间下界,以线性时间运行,因此称为线性时间非比较类排序. 0.2 算法复杂度 0.3 相关概念 稳定:如果a原本在b前面,而a=b,排序之后a仍然在b的前面. 不稳定:如果a原本在b的前面,而a=b,排序之后 a 可能会出现在 b

八大排序算法——冒泡排序(动图演示 思路分析 实例代码java 负杂度分析)

一.动图演示 二.思路分析 1.  相邻两个数两两相比,n[i]跟n[j+1]比,如果n[i]>n[j+1],则将连个数进行交换, 2.  j++, 重复以上步骤,第一趟结束后,最大数就会被确定在最后一位,这就是冒泡排序又称大(小)数沉底, 3.  i++,重复以上步骤,直到i=n-1结束,排序完成. 三.负杂度分析 1.  不管原始数组是否有序,时间复杂度都是O(n2), 因为没一个数都要与其他数比较一次,(n-1)2次,分解:n2+2n-1,  去掉低次幂和常数,剩下n2,所以最后的时间复杂

八大排序算法——堆排序(动图演示 思路分析 实例代码java 复杂度分析)

一.动图演示 二.思路分析 先来了解下堆的相关概念:堆是具有以下性质的完全二叉树:每个结点的值都大于或等于其左右孩子结点的值,称为大顶堆:或者每个结点的值都小于或等于其左右孩子结点的值,称为小顶堆.如下图: 同时,我们对堆中的结点按层进行编号,将这种逻辑结构映射到数组中就是下面这个样子 该数组从逻辑上讲就是一个堆结构,我们用简单的公式来描述一下堆的定义就是: 大顶堆:arr[i] >= arr[2i+1] && arr[i] >= arr[2i+2]   小顶堆:arr[i]

算法浅谈——分治算法与归并、快速排序(附代码和动图演示)

在之前的文章当中,我们通过海盗分金币问题详细讲解了递归方法. 我们可以认为在递归的过程当中,我们通过函数自己调用自己,将大问题转化成了小问题,因此简化了编码以及建模.今天这篇文章呢,就正式和大家聊一聊将大问题简化成小问题的分治算法的经典使用场景--排序. 排序算法 排序算法有很多,很多博文都有总结,号称有十大经典的排序算法.我们信手拈来就可以说上来很多,比如插入排序.选择排序.桶排序.希尔排序.快速排序.归并排序等等.老实讲这么多排序算法,但我们实际工作中并不会用到那么多,凡是高级语言都有自带的

任性诗画---创作动图就是这么任性

任性诗画能做什么? 文字.诗词生成动图 支持.字的轮流变色    字的逐字显示 行的轮流变色     行的逐行显示 段的轮流变色 立体字.渐进字    描边字 .空心字等特效 字的旋转.放大缩小.上下左右运动轨迹 以及生存周期 直接在界面上书写横竖文字,或直接复制粘贴上去 照片加入文字.加入动图 拖入背景照片,拖入动图等挂件.写上文字.设置运动轨迹 就可制作动图照片 要是想照片合成动图.那直接选择要合成的照片就可 动图改动.加入文字 拖入动图背景,无需一帧帧费力劳神操作 想加入文字,直接在随意地

浏览器调试jQuery代码演示动图

开发中,我们经常要调试代码,如果写前端代码,就需要进行浏览器调试. 下面是浏览器调试jQuery代码演示动图: 原文地址:https://www.cnblogs.com/chenmingjun/p/9574395.html

【iOS】在页面中展示gif动图

1 - (void)viewDidLoad 2 { 3 [super viewDidLoad]; 4 // Do any additional setup after loading the view. 5 6 //1:使用第三方库 7 NSData *data = [NSData dataWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"moe" ofType:@"gif"]]; 8 GifVi

如何在Ubuntu 16.04中创建GIF动图

导读 FFmpeg 是一款开源的音.视转换器,使用 FFmpeg 我们可以非常容易地转换和录制音视频文件,而 ImageMagick 是一款用于创建.编辑和合并位图图像的一款开源软件. 大家经常在新浪微薄.QQ.facebook.twitter 中看到有趣的 GIF 动图吧,GIF 文件比视频小.比静态 JPG 图片形像生动,非常适于互联网上的搞笑帖子.产品展示和功能步骤演示,所以此小教程将教大家如何在 Ubuntu 16.04 LTS 桌面系统中制作.转换 GIF 效果图片.其实并不难,只需一

短视频创新的一把火从C端烧B端 趣拍云动图功能重磅发布

最近,"小视频"在微信朋友圈流行了起来. 在12月12日发布的最新版本微信中,朋友圈小视频的时长从6秒延长至10秒.除此之外,用户可以在朋友圈中分享相册当中的视频.如果时长超过10秒,则可以用微信自带的编辑器进行手动编辑.正是因为微信的更新,工具类的视频应用也在一夜之间风生水起. 事实上,短视频功能已经成为社交类app最为重要的功能之一.曾以照片分享风靡全球的Instagram早在2013年就已上线短视频功能,更是在上个月加入视频直播的大军.与此同时,美拍等短视频应用越来越受欢迎,截至