之前写过三篇文章,收获了极其不错的阅读量与转发量:

一方面,我确实将 VS Code 作为自己的主力编辑器:远程操作时用、写笔记时用、写代码(C++/Python/JavaScript)时也用,我已经具有了些许心得与经验;另一方面,自己也很喜欢积累或阅读相关资料(比如韩骏老师的《Visual Studio Code 权威指南》),并且在实践与学习中做成笔记(比如录制gif)。

本文将汇总我录制的 34 张 gif 动图,为读者朋友推荐并整理『远离鼠标,提升效率』的 VS Code 快捷操作。

本文大纲:

  • 6 个 Ctrl+Shift+Alt 组合
  • 8 个你可能不知道的重要操作
  • 3 个有趣又通用的小众插件
  • 5+ 的 vim + vscode 操作

6 个 Ctrl+Shift+Alt 组合

Ctrl

Ctrl 控制屏幕的移动与光标的移动。

Ctrl 加上左右键,以单词为单位跳转。

Ctrl 加上上下键,小幅度滚动屏幕(滚动一行)。

Shift

Shift 相当于「拖动鼠标」,与方向键结合选中文本。

有了 Shift ,不再用鼠标拖动。

Alt

Alt 较为特殊。

Alt 与上下键结合,英文叫做「copy line」,相当于拖着这一行上下移动。

Alt 与左右键结合,实现「跳转」。比如我们去看某个函数的定义,我们跳转过去,当我们看完了,想要跳转回来时,不需要再动脑回找,直接使用 Alt + ← 即可(Alt + backspace同)。

Ctrl + Shift

Ctrl + Shift + 上下左右 较好理解,相当于 Ctrl 与 Shift 相结合, Shift 起选中的作用, Ctrl 则让方向键的步长更长(以单词为单位)。

Ctrl + Alt

Ctrl + Alt + 上下多光标 。注意使用 Escape 退出多光标模式。

Shift + Alt

Shift + Alt + 上下,复制这一行。

8 个你可能不知道的重要操作

F12 跳转引用

如上图:

  • F12 跳转到变量、函数、类的定义处
  • Shift + F12 跳转到其引用处;多个引用时,可以选择具体哪个 reference

使用 F12 也可以跳转到环境库的源码中,如下图,我跳转到了库 gym (使用 conda 安装到 lib)的 core.py

查找与替换

使用 Ctrl + F 可以进行查找;使用 Ctrl + H 则弹出替换窗口。如上,我将 foo 替换为 foobar ,使用 Alt + R 支持正则语法。

Ctrl + Shift + P

Ctrl + Shift + P 恐怕是各个编辑器、调试器中最常用的操作了:弹出命令窗口,然后我们输入相关命令的名称,回车则执行该命令。

如上图,我使用 Ctrl + Shift + P ,执行 View: Split Editor Right 命令,接着,使用 Ctrl + P 调用出窗口切换器(文件切换器)。

切换窗口

处于一堆、相互重叠的文件, VS code 称其为一个「group」。我们通常要用到「group的组内切换」和「group间切换」。

如上图,Ctrl + <你要去的 group 编号> 来把光标(的注意力 focus)集中到你要去的 group 上。上面 Ctrl + 1 切换到左边的 group ;Ctrl + 2 切换到右边的 group 。

Alt + <数字> 则是在 group 内切换标签页。

此外,注意到 Ctrl + Shift + E 打开或关闭文件管理器 Explorer ,就是左侧的那个树状图。而 Ctrl + B 是开关 Side Bar ,即侧边栏。

新建、关闭与调试台

使用 Ctrl + ~ 开关终端,而 Ctrl + J 则是开关 Panel ,即含有终端、调试器的底部容器。

此外,Ctrl + N 是新建文件,Ctrl + W 是关闭当前文件(这在所有 windows 应用上几乎都适用)。

禅模式

有时候,节目显得过于复杂臃肿,分散了我们的注意力,视野不清爽,也会降低舒适度。使用禅模式 Zen Mode 则会屏蔽这些干扰。

可以使用 Ctrl + Shift + P 输入 Zen 来调用相关命令。此外,我将其快捷键改为了(在左下角的小齿轮的 Keymaps 中更改) Ctrl + Alt + Z ,如上图,甚是舒爽。

group size

一块小小的显示器,还要被两个或以上的 group 平分区域,我们的代码阅读屏幕实在是太『窄』了。

如上图,我们可以用 Toggle Editor Group Sizes 来切换阅读模式,让其更宽一些。我设置了其快捷键为 Ctrl + Alt + G

Ctrl + i / Ctrl + /

如下图,使用 Ctrl + i 可以调用代码提示,而 Ctrl + / 可以将选中的文本注释掉,或者取消注释。

3 个有趣又通用的小众插件

插件:vscode-input-sequence

一个 vscode-input-sequence 解决了我们输入序列数据的烦恼。

如上图,配合多光标,我们可以输入一个序列的数据,并且可以决定序列的递进规则、递进步长、占位、进制等。

插件:Relative Path

我很喜欢 Relative Path ,如下图,输入 Ctrl + Shift + H 便自动补全文件的相对路径。

插件:Auto Markdown TOC

有很多关于 markdown 自动生成目录的插件,我觉得对中文最友善的,应该是 Hunter Tran 的 Auto Markdown TOC 了。

如上,使用 Auto Markdown TOC 自动生成目录(同样地,在Ctrl + Shift + P 中调用相关命令)。

5+ 的 vim + vscode 操作

Vim 插件安装

如上图,下载 Vim 插件。这里需要注意,强烈推荐 不使用Vim自带的组合快捷键 Ctrl ,因为其会覆盖掉 VS Code 本身的快捷键以及其他插件的快捷键

如上图,可以在 Settings 中搜索 useCtrlKeys 配置,并取消勾选。

值得注意的是,我们依然可以使用 Ctrl + uCtrl + d 实现上下滚动页面,滚动行数默认为半页大小。

Vim 基础

这里要介绍的是 Vim 基础中的基础,但还是没有 Vim 基础的初学者也可以去 B 站搜索 Vim 相关的教程再巩固一下(我之后也可能录视频)。

如上图:

  • Vim 中默认是 normal 模式,此时敲击字母是在敲击命令,而非编辑文本;输入 i 进入 insert 模式,此时敲击字母才是输入字母
  • insert 模式下,退出键 Escape 回到 normal 模式
  • normal 模式下,hjkl分别是左下上右

如上:

  • normal 模式下,Shift + a(以后记作A)移到行末,并转为 insert 模式;I是行前
  • normal 模式下,o是下插一行,并跳转

如上:

  • normal 模式下,w是向前移动一个单词,b则是向后移动一个单词

如上:

  • normal 模式下,d是开启剪切模式,因此,dw则是剪切一个单词;dd是剪切一行
  • normal 模式下,y则是复制,而p是粘贴

如上:

  • normal 模式下,s是删除当前光标所指并转为 insert 模式,x是删除并且不转换

如上:

  • normal 模式下,15gg是跳转到15

如上:

  • normal 模式下,是开启选中 visual 模式

VS Code 中常用 Vim 组合逻辑

Vim 爱好者常说:Vim是一种逻辑,而非死记硬背快捷键(我还算不上 Vim 爱好者,这句话不是我说的,是 Linux 社区的一些朋友们说的)。

我对于 Vim 『逻辑』的理解,大概如下:

  • 大小写是一种相反的逻辑
  • VS Code 中一些 Ctrl 与滚动
  • i(意味着在括号里

展开的解释如下文。

大小写是一种相反的逻辑

int foo_xyz = 1;
^

我们知道,当光标在_处时,想要删除 _xyz ,那么就要首先 找到最近的z的位置,然后删除这个区间内的东西。 在 vim 中,则是输入 dfz 来表达, fz 则是 找到 z 的意思

那么,向前查找是什么呢?答案是大写的 F ,具体例子如上图。

如上,用 o 可以很轻松地向下插入一行,而用 O 则是向上插入一行。

VS Code 中一些 Ctrl 与滚动

如上,使用 Shift + [] 是以「代码块」为单位跳行。

如上,Ctrl + [] 实现缩进的调整。这里结合了 visual 模式。

如上,[[ 跳到文件首行,而 ]] 则是行末。

如上,H 是到屏幕的顶部,L 是屏幕的底部,M 是屏幕的中央;而 zz 是『将光标放到屏幕中央,且不移动光标的位置(滚动屏幕)』,zt 是将光标放到顶部,zb 是底部。

i( 意味着在括号里

print("delete me")

如上,当我们想清空 print() 函数括号内的东西,我们「有逻辑地」告诉 vim 即可。把光标移到括号内,输入 ci(ci),其中 i( 是『在括号内』。

如上,不仅是 c 操作,也不仅仅是 () ,对于 ""[] 等都适用。

此外,还有很多逻辑可以组合,比如:j是向下跳转一行,那么 10j 就是向下10行。 此外,/ 查找功能在 vs code 中同样适用。但是,我更喜欢 vs code 自带的 ctrl + f 查找。


你好,我是小拍,985大学管理科学与工程专业在读研究生、技术爱好者与自学者,同时也是 『持续改善 · よい品よい考”』 思想的支持者和践行者。转载&合作&学习事宜,欢迎加我微信 PiperLHJ 交流。

『力荐汇总』这些 VS Code 快捷键太好用,忍不住录了这34张gif动图的更多相关文章

  1. 2017-2018-2 20155303『网络对抗技术』Exp9:Web安全基础

    2017-2018-2 『网络对抗技术』Exp9:Web安全基础 --------CONTENTS-------- 一.基础问题回答 1.SQL注入攻击原理,如何防御? 2.XSS攻击的原理,如何防御 ...

  2. 2017-2018-2 20155303『网络对抗技术』Exp4:恶意代码分析

    2017-2018-2 20155303『网络对抗技术』Exp4:恶意代码分析 --------CONTENTS-------- 一.原理与实践说明 1.实践目标 2.实践内容概述 3.基础问题回答 ...

  3. 2017-2018-2 20155303『网络对抗技术』Exp1:PC平台逆向破解

    2017-2018-2 『网络对抗技术』Exp1:PC平台逆向破解 --------CONTENTS-------- 1. 逆向及Bof基础实践说明 2. 直接修改程序机器指令,改变程序执行流程 3. ...

  4. 『Python基础-3』变量、定义变量、变量类型、关键字Python基础-3』变量、定义变量、变量类型、关键字

    『Python基础-3』变量.定义变量.变量类型.关键字 目录: 1.Python变量.变量的命名 2.变量的类型(Python数据类型) 3.Python关键字 1. Python 变量.变量的命名 ...

  5. 『Python基础-1 』 编程语言Python的基础背景知识

    #『Python基础-1 』 编程语言Python的基础背景知识 目录: 1.编程语言 1.1 什么是编程语言 1.2 编程语言的种类 1.3 常见的编程语言 1.4 编译型语言和解释型语言的对比 2 ...

  6. js实现『加载更多』功能实例

    DEMO : 滚动加载示例 关于如何实现『加载更多』功能,网上有插件可用,例如比较著名的使用iscroll.js实现的上拉加载更多.下拉刷新功能. 但实际用起来却是很麻烦.由于是第三方插件,要按照对方 ...

  7. 『Asp.Net 组件』Asp.Net 服务器组件 内嵌JS:让自己的控件动起来

    代码: using System; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace ...

  8. 推荐资料——最受网友力荐的30份HTML前端开发资料

    w3cmark最近会新增一个栏目,专注于搜集前端资源的下载,包括和前端相关的电子书.文档PPT.手册.视频教程等等.而下载的媒介是用微博的微盘,至于为什么选择微盘的,那是因为和微博关联起来,通过微盘上 ...

  9. 阿里UX矢量图标库–最强大的矢量图标库(Icon font制作力荐工具)

    继前面介绍过ICON-FONT的制作后,找了几个ICON库都是国外的今天偶然发现阿里巴巴的图标矢量库,www.iconfont.cn用了之后感觉很强大,丰富的图标库(集合阿里妈妈&淘宝的图标库 ...

随机推荐

  1. Dire Wolf——HDU5115

    Dire wolves, also known as Dark wolves, are extraordinarily large and powerful wolves. Many, if not ...

  2. Codeforces Round #636div3 D. Constant Palindrome Sum (划分区间,差分)

    题意:给你一个长度为偶数n的数组,每次可以将一个元素修改为不大于k的值,要求每个a[i]+a[n-i+1]都相等,求最少操作多少次 题解:假设每一对的和都为sum,小的记为mn,大的记为mx;     ...

  3. 被收费绘图工具 PUA 了怎么办?来看看这个老实工具吧

    本文非常适合 Electron 入门选手,墙裂推荐! 本文作者:HelloGitHub-蔡文心 大家好!这里是 HelloGitHub 推出的<讲解开源项目>系列,今天给大家带来的一款基于 ...

  4. CF1462-F. The Treasure of The Segments

    题意: 给出n个线段组成的集合,第i个线段用 \(\{l_i, r_i\}\) 表示线段从坐标轴的点\(l_i\)横跨到点\(r_i\).现在你可以删除其中的一些线段,使得剩下的线段组成的集合中至少存 ...

  5. 左神算法第五节课:认识哈希函数和哈希表,设计RandomPool结构,布隆过滤器,一致性哈希,岛问题,并查集结构

    认识哈希函数和哈希表 MD5Hash值的返回范围:0~9+a~f,是16位,故范围是0~16^16(2^64)-1, [Hash函数],又叫散列函数: Hash的性质: 1)  输入域无穷大: 2)  ...

  6. IPC$入侵

    一 唠叨一下: 网上关于ipc$入侵的文章可谓多如牛毛,而且也不乏优秀之作,攻击步骤甚至可以说已经成为经典的模式,因此也没人愿意再把这已经成为定式的东西拿出来摆弄. 二 什么是ipc$ IPC$(In ...

  7. 什么是 DNS 的 A记录 和 CNAME记录 域名解析 为我的自定义域名创建 CNAME 记录

    # CNAME https://support.google.com/blogger/answer/58317?hl=zh-Hans 为我的自定义域名创建 CNAME 记录 如果您的域名不是在 Blo ...

  8. HTML5 tag you don't know

    HTML5 tag you don't know a collection of html5 tag very little be used in practices semantic element ...

  9. Service Worker in Action

    Service Worker in Action https://caniuse.com/#feat=serviceworkers Service Workers 1 W3C Candidate Re ...

  10. Flutter Widget API

    Flutter Widget API https://api.flutter.dev/ https://api.flutter.dev/flutter/material/material-librar ...