「VS Code」Visual Studio Code 菜鸟教程:从入门到精通

「VS Code」Visual Studio Code 教程:从入门到精通

日志

  1. 「2020-04-26」介绍如何配置 LaTeX 环境;
  2. 「2019-09-06」更新了选择默认终端的方法;在胶片中补全列选方式;
  3. 「2019-05-26」补全了全文的剩余部分,并引入了对 Remote Development 插件的介绍;
  4. 「2019-03-25」提交了本文的 PPT 框架。

作者按:Visual Studio Code,或简称为 VSCode,是我最喜欢的代码编辑器,我希望能有更多人享受到 VSCode 的便捷与强大。在希望学习一门新技术的时候,我们往往会想着去搜索一份教程。根据二八定律,我们往往只需了解一门技术的部分最常用的功能,就足以应对大多数开发场景,因此介绍最常见功能的教程,而非介绍全部特性的手册,成了我们的学习技术的首选。然而已存教程不足以成为我们了解 VSCode 的窗口,很多具有广泛使用场景的功能,比如命令窗口和终端,这些教程都没有涉猎。该种情况促成了本文的诞生。本文的愿景是,哪怕是从未使用过 VSCode 的读者,也能在阅读本文后便精通 VSCode 的使用。


大纲

2

本文照例以一份 PPT 展开。Markdown 直接贴图太丑了,还是组织成 PPT 之后直接贴上来吧。本文所有文字介绍都在图片下方。

简介

3

Visual Studio Code 是微软出品的轻量级跨平台编辑器。数据显示,Visual Studio Code 系 Github 2018 年年度最火开源项目(传送门)。虽然社区的建设并不能代表绝对使用人数,但至少说明 VSC 真的是一个集百千宠爱于一身并不断成长的软件。

基本操作

快捷键

4

VSCode 首先是一个代码编辑器。因此介绍 VSCode 的时候自然应该从文本编辑功能开始。在使用文本编辑功能的时候,我们必然是重度依赖快捷键的。这是很显然的道理。所以我们通过介绍编辑快捷键介绍 VSCode 的文本编辑功能。

对于一个普通的文本而言,一般操作的最大粒度也就是行了。VSCode 支持的行操作主要包括:

  • 行复制:Ctrl + c。当你没有选中行中任意字符时,复制出来的实际上是整行的内容;
  • 行移动:Alt + ↑/↓。想整体移动一行怎么办?剪切粘贴?Alt 加方向键轻松移动一行!注意,如果你扩选多行时,相应地会移动多行;
  • 行复制:Shift + Alt + ↑/↓。想在某行的基础上修改?复制粘贴?Shift 加 Alt 加方向键一步到位!

当然,对于受支持的代码文件,一般还会支持别的操作,比如:

  • 行注释:Ctrl + /
  • 块注释:Alt + Shit + A
  • 格式化:Alt + Shit + F

注意: 你能在 https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf 中找到本文提及的大多数快捷键。

5

对于缩进,VSCode 也有相应的快捷键。相信写 Python、markdown 的同学和有强迫症的同学都会无比感激这个设定。在 VSCode 中进行缩进操作很简单:

Ctrl + ]/[ 即可完成整行的向右缩进一个单位 / 向左缩进一个单位。缩进完成后,会显示列对齐线帮助你把握缩进信息。同样地,选择多行的时候,可以同时对多行进行缩进。

6

在开发中我们经常会有这样的需求:跳到工程中某个文件的某个位置之后再回到之前的位置。按照一般的操作逻辑,我们会思考之前打开了哪个文件,然后打开它,再找到之前的位置。这样的事情做一次两次还好,多了就让人心烦了。所以编辑器为什么不在光标位置「大幅度改变」时记录光标的位置呢?这些位置记录成队列,让我们可以自由地从从这些位置中切换。

因着这样的需求而出现的功能就叫做「编辑点回退」,上面所说的位置就是「编辑点」。

我们使用 Alt + → / ← 切换到下一个 / 上一个编辑点。

7

在阅读代码时,我们常常会希望跳过一些不需要关注的分支。遇到一些不规范的代码时,我们为了找到相应的括号可能会翻上百、甚至上千行。回想一下,我们是怎么找到另一个括号的?我们在点击其中一个括号时,代码编辑器会高亮相应的括号!

代码编辑器能够解析代码!它已经知道了另一个括号的位置!那它为什么不提供给我们接口,让我们直接跳到另一个括号那里去??

这就是 Ctrl + Shift + \ 了。点击一个括号,在使用这个快捷键后,光标就能跳转到相应括号位置。

有时候你可能会想眼不见为净,要是编辑器能直接把这一堆东西折叠了该多好。

这就是 Ctrl + Shift + [ 了。这个快捷键不记也没关系,看 PPT 里的第三张图,第一个花括号旁边是不是有个加/减号?点击它就可以打开/折叠代码区域。

评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值