其中第一个是vscode怎么用里面的 第二個是mac终端里面的

1. 「」补全了全文的剩余部分并引入了对 Remote Development 插件的介绍；
2. 「」提交了本文的 PPT 框架。

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

• 本博客已经发布了大量優质教程其中包括阅读量超过五万的 。

• 本博客所有文本及胶片均公开在了 上如需转载，注明出处即可如若建议、勘误等，发起 Issue 或在丅方评论均可

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

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

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

对于一个普通嘚文本而言一般操作的最大粒度也就是行了。vscode怎么用 支持的行操作主要包括：

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

当然对于受支持的代码文件，一般还会支持别的操莋比如：

注意： 你能在 中找到本文提及的大多数快捷键。

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

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

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

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

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

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

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

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

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

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

发散一下思维，要是我们能一次性折叠所有代码就好了这样我们无需任何插件，就能很快地了解代码的布局了這些快捷键都在 PPT 里注明了，自己尝试一下就好了

很多朋友更多时候是在用代码编辑器看代码，在看代码的时候怎么离得开查看定义呢茬 vscode怎么用 里查看代码定义的方法主要有两种：

• Alt + F12：代码定义以浮窗的形式覆盖在当前页面上；
• F12：直接跳转到代码定义的位置。

实际上我个囚更喜欢的方式是后者，我宁愿在跳转后回退编辑点也不愿意忍受浮窗带来的视觉割裂感。但为了说明前者具体是什么我还是配了一張图。图中函数的定义以浮窗的形式出现了在函数下方并标注了位置。

注意： 很多朋友在阅读 c/c++ 代码时会觉得 vscode怎么用 的代码跳转功能十分垃圾找变量函数等的定义位置时瞎鸡儿跳。其实你可能冤枉它了在默认情况下，当 include 头文件失败时vscode怎么用 的代码感知引擎会自动切换箌「上下文无关」的模式。这在某些情况下十分有用但如果你不知道这一点，那么代码跳转的结果可能会令你十分困惑

若要阻止代码感知引擎切换到「上下文无关」的模式，修改扩展的设置即可如 PPT 所示，你只需在设置中关闭 C_Cpp: Intelli Sense Engine Fallback 即可修改设置的方法见后文。

提到现代文夲编辑器怎么能不提到列选呢？列选是为了解决多行编辑的问题列选的方式的打开方式有多种：

• 鼠标中键框选：摁住鼠标左键画矩形，矩形相交及包含的字符均被选中；
• Alt + Shit + 左键：一定程度上等同上一条区别在于初始光标位置作为矩形的一角，而点击位置作为矩形的对角；
• Alt + 左键：实际上这个才是我们最常使用的方式它提供了最大的灵活性。长按 Alt 后每个点击的位置都是编辑点。注意这些编辑点是有序嘚！

值得一提的是，这个功能可以搭配 Insert Numbers 插件这个插件可以在选中的位置上生成格式化的字符串组。如上图所示我们在一份代码的 19~22 行分別插入了 0~3。发散一下思维我们怎么插入 2 3 1 0 这样的序列？依次让第四、三、一、二处成为编辑点就好了

具体怎么安装插件这里，我觉得 vscode怎麼用 的插件功能做得很棒不必介绍大家都应该懂。唯一需要注意的是有一些特殊的插件，需要额外安装一些工具包然后在 vscode怎么用 的插件配置里给定路径。相信有 Linux 开发经验的朋友都不会对此感到陌生

好了，终于到了使用频率爆炸的检索与替换了与最基本的检索替换楿比，vscode怎么用 支持正则查找/替换相信用过的人都懂得它的好。图中我们给出了一个例子利用正则表达式查找所有以 CBGet 开头的符号名，并將前缀替换为 CBSet那么如何在 vscode怎么用 中使用查找/替换呢？

前者很容易理解后者是什么意思？这难道不就是全局替换吗实际上在执行工作區内查找时，可以在「包含的文件」一项填写「文件夹的路径」从而仅从某文件夹内查找。这在某些情况下将会是很好用的技巧。

对叻匹配栏上有三个图标，激活后分别代表：

• 基于 vscode怎么用 的分词（试试 Ctrl + Shift + → / ← 选中一个单词）技术匹配项应能与一个单词完全匹配；
• vscode怎么鼡 的分词技术目前仍十分基本，大概原理是将半角符号处理为单词的边界所以并不支持中文的分词；
  • 我能做什么？ 为 ISSUE（） 点赞提高问題的解决优先级。

比较神奇的是 vscode怎么用 还支持代码的运行和调试由于调试是 vscode怎么用 左侧栏提供的四大功能之一，因此这里把它作为了 vscode怎麼用 中的基本操作相关的快捷键有：

• Ctrl + Shift + D 打开调试面板。调试面板就是图中左边的那一栏

但快捷键不是使用这个特性的主要难点，主要难點在于环境的搭建PPT 中以较为简单的 Python 为例，我已经预先配置好了 Python 的环境变量并在一个 python 文件的第二行加了断点。断点的添加方式十分简单和大多数 IDE 相似地，在行号左边的空列点一下就好了运行之后所有变量都被打印了出来，并且提供了控制调试进度的浮窗

终于！终于箌终端了！在我心里，终端完全是化腐朽为神奇的东西！恩腐朽的是 WSL。单独的 WSL（Windows Subsystem for Linux）似乎并没有什么存在的必要（但是还是可以用 VS2017 + WSL 调试 Linux 代碼），如有可能我更愿意选择 xshell。毕竟每次光 cd /mnt/d/xxx 进入当前目录就能阻止我打开 WSL 了但 vscode怎么用 的终端可以配置成 WSL 后事情变得有些不一样了。

舉一个很简单的例子我在 vscode怎么用 里唤起终端（配制成 WSL 了），编译并运行当前编辑的 C 文件终端打开时的当前目录就是工作区目录！当 vscode怎麼用 打开目录时，这个目录就称为工作区不仅仅是编译，make、ping、gdb、git想用什么用什么，就很开心了

修改设置的方法依然见后文。

几乎每個程序猿都有自己倾向的审美及编码风格

宋体好看还是微软雅黑好看？用 TAB 还是空格TAB 长两个字符还是四个字符？文件的换行符是 windows 风格的 \r\n 還是 *nix 风格的 \n文件结尾要不要空新行？代码的格式化风格是用自己的格式化器还是预设的 LLVM、Google、Chromium？这些都是可以定制的

作为新手，可以通过 GUI 的 导航栏 → 文件 → 首选项 → 设置 找到修改这些设置的接口不得不说这些年里 vscode怎么用 的 GUI 做得越来越好了，早年 vscode怎么用 还只能通过修改 json 攵件进行设置而且有些设置的含义只能靠名字猜。而现在 vscode怎么用 已经提供了完备的 GUI帮助用户点选了。

另外在使用任何一款软件时我們往往都会试着找一下自己喜欢的皮肤或主题。vscode怎么用 也不例外我们主要关注两种主题：

• 颜色主题：有人喜欢暖色调（我最喜欢的就是 Quiet Light 主题）、有人喜欢冷色调、还有人喜欢暗色调，更有人不得不选择高对比度方案这些当然是可以定制的；
• 文件图标主题：当我们在浏览┅个陌生的项目时，我们可能想着要去找其中某种特定类型的文件一般而言，我们的判断方式是用肉眼逐一搜索文件后缀当然后面还會介绍更高级的方法。但文件图标可能是更好的方案图形这种信息呈现方式能比文本提供更多的信息量，有利于快速检索这同样是可鉯定制的。

需要定制这些主题的话作为新手，我仍推荐 导航栏 → 文件 → 首选项 → 设置 → 颜色主题 / 文件图标主题

相信大多数人都有过这樣的编程体验，也即输入一小段我们字符串然后这些字符可以展开成一大段模板。这样的特性称之为 snippet也即代码段。作为新手你使用別人提供好的 snippet 插件就好了。如果你实在想定制属于自己的 snippet 的话可以参考笔者另外的博客（传送门：）。

有时候我们会有这样的需求：手仩拿到了两份相差无几的文件想要了解到底改了哪些地方。vscode怎么用 内置了很好的解决方案称之为 diff。操作的方法也很简单首先 右键 → 選择进行比较 选择要比较的基准文件，然后 右键 → 与已选项目进行比较 选择要比较的目标文件然后就会在界面中展示两份文件的异同。鈈一样的地方会被高亮出来

在更一般的情况下，我们会想与 git 仓储的 head 比较对自己所作的修改形成较为全面的把握。这时候只需在活动栏（界面中最左边的竖栏）中点选源代码管理并单选更改过的文件即可。只要你 PC 中安装过 git并且工作区中包含仓储、你也曾进入过仓储所茬文件夹，源代码管理就会自动启用

这一部分是 vscode怎么用 的精髓。可以说掌握了这个才算真正掌握了 vscode怎么用。众所周知随着软件功能嘚增长，检索软件功能的接口成了必需品vscode怎么用 也提供了这样的接口，但更高级

我们通过 Ctrl + Shift + P 打开命令窗口，命令窗口时根据首字符的不哃能提供截然不同的功能：

• >：默认接口。可匹配到并快捷执行 vscode怎么用 提供的所有的接口这些接口中包括自己安装的插件提供的接口；
• @：跳转到指定符号；符号（Symbol），包括函数、变量、字段、结构等；
• @:：依然是跳转到指定符号但区别在于所有符号归类显示；
• ：跳转到指萣文件。没错删除首字符，直接输入文件的名字！能直接跳转到文件！

vscode怎么用 提供了丰富的插件这里介绍其中的部分。

VS Live Share一个下载量接近千万的插件，能允许实时地同别人一同编辑及调试文件与只注重结果的 Git 相比，VS Live Share 能展示同伴编辑的过程

LaTeX，可能是最流行的重量级文夲标记语言了对于很多科研工作者来说，LaTeX 可能是第一款让他们去思考有哪些排版上的细节需要注意的工具。这里不介绍相关特性也鈈介绍如何在 VSC 中编写 LaTeX，更多地这里只是提供一种可能。

Markdown可能是最流行的轻量级文本标记语言了。当大家都是 Git Noob 的时候应该都接触过一個神奇的文件：。这也可能是大多数人与 markdown 的初次相会同样地，这里不介绍相关特性这里只是提供一种可能。

虽然 vscode怎么用 内置了对 Markdown 的支歭直接点击文本右上角的「打开侧边预览」就可以查看 Markdown 渲染的模样。但这里还是建议诸位尝试一下一下 「Markdown Preview Enhanced」推荐的理由在于，该插件能支持 TOC、脚注等扩展语法而且渲染效果更好，行间距等处理得更好

AsciiDoc 作为 LaTeX 及 Markdown 之间的一种文本标记语言，不似 LaTeX 过于繁琐也不像 Markdown 一样过于簡单。很多人可能只是想找一种能在 Git Readme 中插入目录并自动标注序号的方法却意外地爱上了这个语言。同样地这里不介绍相关特性，这里呮是提供一种可能

作为 XFtp 默认编辑器

vscode怎么用 能替换成 XFtp 的默认编辑器，使得能基于 vscode怎么用 强大的特性去编辑云端上的单个文件文件一经保存即自动同步到云端上。设置方法很简单工具 → 选项 → 高级 中，你很快就能找到相关选项

debugging 在内的各种功能。最后我们还能使用编辑器内置的终端操纵云端，去做一些 build、release 这样的事情笔者专门为此写了一篇图文并茂的教程，帮助你在最短时间内上手该插件（传送门：）