Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >『力荐汇总』这些 VS Code 快捷键太好用,忍不住录了这34张gif动图

『力荐汇总』这些 VS Code 快捷键太好用,忍不住录了这34张gif动图

作者头像
Piper蛋窝
发布于 2021-03-10 06:37:39
发布于 2021-03-10 06:37:39
1.3K00
代码可运行
举报
文章被收录于专栏:Piper蛋窝Piper蛋窝
运行总次数:0
代码可运行

这些 VS Code 快捷键太好用,忍不住录了这34张gif动图

一方面,我确实将 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 加上左右键,以单词为单位跳转。

Ctrl + 上下

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

Shift

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

Shift + 上下左右

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

Alt

Alt 较为特殊。

Alt + 上下

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

Alt + 左右

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

Ctrl + Shift

Ctrl + Shift + 上下左右

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

Ctrl + Alt

Ctrl + Alt + 上下

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

Shift + Alt

Shift + Alt + 上下

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

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

F12 跳转引用

使用 F12 实现跳转

如上图:

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

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

F12 跳转到 gym 库的定义中

查找与替换

Ctrl + F 恐怕在任何软件中都很常用

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

Ctrl + Shift + P

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

Ctrl + Shift + P

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

切换窗口

处于一堆、相互重叠的文件, VS code 称其为一个「group」。我们通常要用到「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 平分区域,我们的代码阅读屏幕实在是太『窄』了。

group size

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

Ctrl + i / Ctrl + /

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

Ctrl + i 代码提示

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

插件:vscode-input-sequence

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

vscode-input-sequence

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

插件:Relative Path

Relative Path

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

Relative Path 补全了图片的相对路径

插件:Auto Markdown TOC

Auto Markdown TOC from Hunter Tran

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

使用 Auto Markdown TOC 自动生成目录

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

5+ 的 vim + vscode 操作

Vim 插件安装

下载 Vim 插件

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

取消勾选 useCtrlKeys 设置

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

vim scroll

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

Vim 基础

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

vim 基础

如上图:

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

vim 中 a i o 操作

如上:

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

vim 中 w b 操作

如上:

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

vim 中的复制粘贴

如上:

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

vim 中 s x

如上:

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

vim 中 g

如上:

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

vim 中的 visual

如上:

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

VS Code 中常用 Vim 组合逻辑

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

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

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

展开的解释如下文。

大小写是一种相反的逻辑
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
int foo_xyz = 1;       ^

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

vim 中 f 与 F

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

vim 中 o 与 O

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

VS Code 中一些 Ctrl 与滚动

vim 中的 []

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

vim 中 Ctrl + []

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

vim 中滚动

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

vim 中 H L M z

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

i( 意味着在括号里
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
print("delete me")

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

一种逻辑

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

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

你好,我是小拍,985大学管理科学与工程专业在读研究生、技术爱好者与自学者,同时也是 『持续改善 · よい品よい考”』 思想的支持者和践行者。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-03-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Piper蛋窝 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
跳转引用、禅模式...VS Code 中 11 个快捷键/操作,让你的效率与舒适度翻倍!
•你真的会用 VS Code 的 Ctrl、Shift和Alt吗?高效易用的快捷键:多光标、跳转引用等轻松搞定•VS Code 中的 Vim 操作 | 无需修改 VSC 默认快捷键 | 常用组合与逻辑
Piper蛋窝
2021/03/10
1.5K0
跳转引用、禅模式...VS Code 中 11 个快捷键/操作,让你的效率与舒适度翻倍!
跳转引用、禅模式...VS Code 中 11 个快捷键/操作,让你的效率与舒适度翻倍!
•F12 跳转到变量、函数、类的定义处•Shift + F12 跳转到其引用处;多个引用时,可以选择具体哪个 reference
@超人
2021/03/18
6.4K0
跳转引用、禅模式...VS Code 中 11 个快捷键/操作,让你的效率与舒适度翻倍!
VS Code 中的 Vim 操作 | 无需修改 VSC 默认快捷键 | 常用组合与逻辑
如上图,下载 Vim 插件。这里需要注意,强烈推荐 不使用Vim自带的组合快捷键 Ctrl ,因为其会覆盖掉 VS Code 本身的快捷键以及其他插件的快捷键 。
Piper蛋窝
2021/03/10
3.4K0
VS Code 中的 Vim 操作 | 无需修改 VSC 默认快捷键 | 常用组合与逻辑
动图演示23个鲜为人知的VSCode快捷键
尽管我在VS Code中经常使用许多快捷键,以下快捷键可能会派上用场,但我经常忘记它们的存在。我制作了一些GIF,以便更好地记住它们。也许这里面也有一些快捷键你也不记得了,但是却很有用。
Javanx
2020/02/13
1.8K0
VSCode之快捷键和常用插件
最重要的功能就是 F1 或 Ctrl+Shift+P 打开的命令面板了,在这个命令框里可以执行VSCode的 任何一条命令,可以查看每条命令对应的快捷键,甚至可以关闭这个编辑器。
用户1195962
2018/08/09
2.2K0
VSCode之快捷键和常用插件
Vscode常用快捷键
和原来的查找和替换的快捷键类似,在原来快捷键的基础上加一个 Shift即可,例如可以通过 Ctrl+Shift+H实现对工作区所有文件的查找工作。
爱编程的小明
2022/09/06
5220
Vscode常用快捷键
VS Code常用快捷键
F1 或 Ctrl+Shift+P(俗称万能键) :打开命令面板。在打开的输入框内,可以输入任何命令,如下图(图片较大,如果查看不清晰,可以在图片上右键 “在新的标签页中打开图片”,查看原图,下同):
兮动人
2021/06/11
8960
VS Code常用快捷键
vscode快捷键与使用配置[通俗易懂]
主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:
全栈程序员站长
2022/08/31
5350
动图演示23个常用 VsCode 快捷键(Window & Mac)
尽管我们经常使用 VS Code中的许多快捷方式,但是我们有可能会忘记它们。 这里用可视化制作了一些GIF,以便更好地记住它们,希望对你有所帮助。
前端小智@大迁世界
2022/06/15
1.2K0
动图演示23个常用 VsCode 快捷键(Window & Mac)
IDEa快捷键_idea进入方法快捷键
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/10
1.9K0
使用Visual Studio Code编写Vue的札记
前言 Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop a
梁源
2017/04/28
39.7K5
使用Visual Studio Code编写Vue的札记
IDEA快捷键
IntelliJ IDEA 的便捷操作性,快捷键的功劳占了一大半,对于各个快捷键组合请认真对待。IntelliJ IDEA 本身的设计思维是提倡键盘优先于鼠标的,所以各种快捷键组合层出不穷,对于快捷键设置也有各种支持,对于其他 IDE 的快捷键组合也有预设模板进行支持。
IT小马哥
2020/07/15
1.3K0
vs code 快捷键
mazhen
2023/11/24
2610
这几个 VS Code 快捷键,请一定要用一用,可以大大提高你的编辑效率
VS Code 是编程领域非常流行的编辑器,无论是写 Vue,还是 Python、Java,亦或是写 MarkDown,我都会用它进行编辑,当然了,还会用它的 Vim 插件。写代码的时候,经常使用它来格式化代码,虽然很多操作都可以通过菜单上的按钮进行操作,但是要想提高效率,还是要牢记它的快捷键。
somenzz
2021/10/08
2K0
Visual Studio Code 常用快捷键
主命令框 F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 会进入到 Ctrl+P 模式 在 Ctrl+P 下输入 > 可
Steve Wang
2018/02/05
8220
IDEA快捷键整理
点击 File –> Settings(Ctrl+Alt+S), –> 打开设置对话框, 在左侧的导航框中点击 KeyMap, 然后选择Main menu –> Code –> Completion. 接着需要做两件事
泰斗贤若如
2019/06/19
15.1K0
IDEA快捷键整理
用好 VS Code这 13款插件和 8个快捷键,俺又飘了~
Visual Studio Code(简称VS Code)是一个由微软开发,同时支持Windows 、Linux 和 macOS 等操作系统的免费代码编辑器,在2019年的Stack Overflow组织的开发者调研中,VS Code被认为是最受开发者欢迎的开发环境。
帅地
2020/11/17
1.8K0
用好 VS Code这 13款插件和 8个快捷键,俺又飘了~
IDEA Windows + Mac 快捷键(全)
Windows快捷键 Ctrl 快捷键 介绍 Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) Ctrl + Z 撤销 (必备) Ctrl + Y 删除光标所在行 或 删除选中的行 (必备) Ctrl + X 剪切光标所在行 或 剪切选择内容 Ctrl + C 复制光标所在行 或 复制选择内容 Ctrl + D 复制光标所在行 或 复制选择内容,并把复制内容插入光标位置下面 (必备) Ctrl + W 递进式选择代码块。可选中光标所在的单词或段落,连续按
HaC
2020/12/31
21.1K0
WebStorm使用 webstorm快捷键
WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具
全栈程序员站长
2022/09/10
2.8K0
【实践】VS Code(Visual Studio Code)环境常见问题
VS Code常见插件的功能包括: • Colorization 代码着彩色 • Completion Lists 代码自动完成(使用gocode) • Snippets 代码片段 • Quick Info 快速提示信息(使用godef) • Goto Definition 跳转到定义(使用godef) • Find References 搜索参考引用(使用go-find-references) • File outline 文件大纲(使用go-outline) • Workspace symbol search 工作区符号搜索(使用 go-symbols) • Rename 重命名(使用gorename) • Build-on-save 保存构建(使用go build和go test) • Format 代码格式化(使用goreturns或goimports或gofmt) • Add Imports 添加引用(使用 gopkgs) • Debugging 调试代码(使用delve)
辉哥
2020/02/18
3K0
【实践】VS Code(Visual Studio Code)环境常见问题
相关推荐
跳转引用、禅模式...VS Code 中 11 个快捷键/操作,让你的效率与舒适度翻倍!
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档