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

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

代码同步浏览器 安装vccode 安装live server插件

尽管我在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. 欢迎加入技术交流群,推文的大佬和广告小可爱就不要加啦。

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

  1. 转发自:一像素 十大经典排序算法(动图演示)原链接:https://www.cnblogs.com/onepixel/articles/7674659.html 个人收藏所用 侵删

    原链接:https://www.cnblogs.com/onepixel/articles/7674659.html     个人收藏所用   侵删 0.算法概述 0.1 算法分类 十种常见排序算法可 ...

  2. Vue过渡和动画效果展示(案例、GIF动图演示、附源码)

    前言 本篇随笔主要写了Vue过渡和动画基础.多个元素过渡和多个组件过渡,以及列表过渡的动画效果展示.详细案例分析.GIF动图演示.附源码地址获取. 作为自己对Vue过渡和动画效果知识的总结与笔记. 因 ...

  3. 八大排序算法详解(动图演示 思路分析 实例代码java 复杂度分析 适用场景)

    一.分类 1.内部排序和外部排序 内部排序:待排序记录存放在计算机随机存储器中(说简单点,就是内存)进行的排序过程. 外部排序:待排序记录的数量很大,以致于内存不能一次容纳全部记录,所以在排序过程中需 ...

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

    一.动图演示 二.思路分析 先来了解下堆的相关概念:堆是具有以下性质的完全二叉树:每个结点的值都大于或等于其左右孩子结点的值,称为大顶堆:或者每个结点的值都小于或等于其左右孩子结点的值,称为小顶堆.如 ...

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

    一.动图演示 二.思路分析 希尔排序是把记录按下标的一定增量分组,对每组使用直接插入排序算法排序:随着增量逐渐减少,每组包含的关键词越来越多,当增量减至1时,整个文件恰被分成一组,算法便终止. 简单插 ...

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

    一.动图演示 二.思路分析 归并排序就是递归得将原始数组递归对半分隔,直到不能再分(只剩下一个元素)后,开始从最小的数组向上归并排序 1.  向上归并排序的时候,需要一个暂存数组用来排序, 2.  将 ...

  7. 八大排序算法——快速排序(动图演示 思路分析 实例代码Java 复杂度分析)

    一.动图演示 二.思路分析 快速排序的思想就是,选一个数作为基数(这里我选的是第一个数),大于这个基数的放到右边,小于这个基数的放到左边,等于这个基数的数可以放到左边或右边,看自己习惯,这里我是放到了 ...

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

    一.动图演示 二.思路分析 例如从小到大排序: 1.  从第二位开始遍历, 2.  当前数(第一趟是第二位数)与前面的数依次比较,如果前面的数大于当前数,则将这个数放在当前数的位置上,当前数的下标-1 ...

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

    一.动图演示 二.思路分析 1.  相邻两个数两两相比,n[i]跟n[j+1]比,如果n[i]>n[j+1],则将连个数进行交换, 2.  j++, 重复以上步骤,第一趟结束后,最大数就会被确定 ...

随机推荐

  1. 搭建wordpress博客

    环境说明 操作系统: CentOS 7.2 64位 1. 准备LAMP环境 LNMP 是 Linux.Nginx.MySQL 和 PHP 的缩写,是 WordPress 博客系统依赖的基础运行环境.我 ...

  2. .net全栈开发-c#面向对象与工控自动化分拣上位机

    一.前言 开始做了两年web.期间也整了一段时间winform.后来做了两年工控上位机,也就是做工控这两年发现机器跟面向对象真是如此贴切,也是我从处理数据和流程的思维转变为面向对象思维的开始.这对我后 ...

  3. Element节点

    Element节点对象对应网页的 HTML 元素.每一个 HTML 元素,在 DOM 树上都会转化成一个Element节点对象(以下简称元素节点).元素节点的nodeType属性都是1.Element ...

  4. JS中require函数的警告提示

    在JS中常常使用require函数来引入文件或者路径,不过在使用时需要注意一点,它的参数必须是一串完整的字符串常量或者是由字符常量与变量拼接. (一)require函数的参数为一个变量,如下图所示: ...

  5. 数据结构(集合)学习之Map(二)

    集合 框架关系图 补充:HashTable父类是Dictionary,不是AbstractMap. 一:HashMap中的链循环: 一般来说HashMap中的链循环会发生在多线程操作时(虽然HashM ...

  6. QPixmap和QImage

    1.QPixmap QPixmap的设计本来就是用来加速显示,用paint绘图时用QPixmap会比其他类的效果好很多.一般小图片用QPixmap. 2.QImage 依赖软件,直接像素访问,适合大图 ...

  7. Linux网络课程学习第五天

    学习心得: 通过本章节课学习收获很多,不仅学会了使用vim编辑器以及编写简单的shell脚本.从一个从未接触过Linux系统的我一下学会并掌握了这么多自我感觉进步还是挺大的.但是还是要坚持学下去,毕竟 ...

  8. centos6/7 下升级openssl并安装python3

    今天是2019年的最后一天了,看了看自己今年写的随笔就一篇,实在有点少得可怜,就想着趁现在有点时间就再写一篇,^_^ centos6 或者centos 7 python 默认都是安装python 2 ...

  9. java网页日期选择框对应的星期有误

    · 我用java写了个星期查询代码,有的日期对有的日期错,求帮忙看看哪里有问题!! import java.util.*;public class Test1 {public static void ...

  10. Qt Gui 第六章布局管理

    1.QRadioButton之间如何互斥 其中一种方法是将各个QRadioButton控件放在同一个toolbarsLayout或者toolbarsGroupBox即可:如下所示 toolbarsGr ...