Visual Studio Code 教程

符号跳转依托于语言插件对代码的分析，已经算得上具备一定的智能特性，但是它还是不够精确。比如说我们看到某个函数的调用，想要知道这个函数的接口定义是什么样的，它的实现细节是什么样的，光…

有的时候，我们经常输入的代码是业务强相关的，语言服务没法做出优化；或者是一些我们经常使用的定式，比如循环语句、创建一个新的类或者一个 UI 控件，我们经常写类似的代码，只不过每次都…

 在我们插入 Tab Stop 的时候，除了 $1 、 $2 这样的语法，我们还可以填入 ${1:label}&nbsp…

在前面的文章中，我们已经知道多光标能够大幅度减少重复劳动，而在代码片段里，我们也可以使用多光标的特性。 上面提到我们可以用 ${1:label} 来指定 Tab…

上面我们提到了，在每个 Tab Stop 的位置，我们可以提供占位符，也就是提前预设好一些值。但这些占位符是我们提前写在代码片段里的，跟当前代码的上下文往往没什么关系。不过，VS …

我们再来一起看一下有哪些折叠和展开代码的快捷键。首先是折叠和展开代码的两个快捷键。 VSCode折叠代码的基本使用，请参考VSCode折叠代码。 当我们按下 “Cmd + Opti…

本章会会介绍如何在VSCode中进行查看代码变化、改变文件状态和代码提交。 首先，在工作台的左侧活动栏上，我们能看到一个版本管理的图标，位于下图的第三个。 查看未提交的改动 如果在…

呼声非常高的编辑器相关的需求就是 Tab 的支持了。VS Code 虽然一直以来技术上是支持 Tab 的，但是并不会显示出来，而是要求你按下Cmd + P（Windows 上是&n…

随着布局的逐渐灵活，可以使用的命令也越来越多了，从最基础的聚焦下一个编辑器组和移动编辑器，到更灵活地在网格布局里聚焦编辑器，要想都记住它们并且绑定合适的快捷键，真的是太难了。对此我…

VS Code 在设计之初，就一直在思考如何让 VS Code 和终端能够更紧密联系在一起。其第一种方式就是从终端中以命令行的形式打开 VS Code。第二种方式，就是允许用户从资…

和语言功能一样，VS Code 是把调试功能的最终实现交给插件来完成的。VS Code 提供了一套通用的图形界面和交互方式，比如怎么创建断点、如何添加条件断点、如何查看当前调试状态…

多文件夹工作区（multi-root workspace）。老实说呢，这个概念是有一定的理解难度的。 上面我们提到的基于文件夹的这种项目管理方式，从 VS Code 第一天开始就存…

虽然在“基础入门”这个部分中，我们一直都在介绍编辑器的各种功能，但是，为了把搜索这样的一个功能介绍完整，我们今天就再讲一下在 VS Code 当中如何使用多文件搜索。 多文件搜索的…

我们把 VS Code 的整个界面统称为工作台（Workbench），它就像是木匠的工作桌，上面摆放着做木工活时需要的各式工具。一个好的匠人一定会精心摆置自己的工作台，把最需要的、…

这里我们可以先一起来玩一个“大家来找茬”的游戏： 图1是使用没有修改过任何编辑器设置的 VS Code 打开的一个 JavaScript 的文件 图2是使用经过了不少的个性化定制的…

VS Code 的编辑器的组织方式，还是相对比较常见的，没有什么特别难的地方，相信你可以轻松使用。不过，要提到编辑器相关的操作，这个就比较复杂了。下面我们来看看横向编辑器组和纵向编…

面包屑，叫做 Breadcrumb，翻译过来就是面包屑导航，主要是展示目前的代码在整个工程里的路径，同时你还能够看出这个代码所在位置的结构层级并且可以快速跳转。这个功能相信你在浏览…

任务系统的知识体系相对复杂，今天继续介绍任务系统的内容：任务配置的更多参数以及任务结果的分析功能。 Command相关属性和特殊处理 在自定义的任务里可以使用 command 属性…

来学习一下任务系统配置里的其他属性。在下面的任务里，我们能够看到 “label”“type”“command” 这几个熟悉的属性，它们的意思是，在 shell 下运行 .…

学习完本文你可以掌握如何在VSCode中创建自定义的任务，首先我们在命令面板里，搜索 “配置任务”（Configure Task）并执行。 我们能够看到一个下拉框，这里面提供了多个…