Visual Studio Code 教程

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

，如果你同时打开了多个窗口，可以按下 Ctrl + W，或者调出命令面板，搜索 “切换窗口（Switch Window）”，然后选择你要跳转的那个文件夹中去。 切换窗口 如果你只是…

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

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

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

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

令面板，我们在之前的学习过程中已经多次使用了。命令面板是一个非常特殊的 UI 组件，假如说你从来没有用过 VS Code 或者 Sublime 之类的编辑器，第一次打开 VS Co…

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

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

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

首先需要说明的是，VS Code 的各个功能，都是基于当前打开的文件或者文件夹的。 该怎么去理解这个概念呢？如果你使用过 IDE 的话， 你应该记得在第一次打开 IDE 的时候，它…

任务系统的目的，是将各种形形色色的任务脚本尽可能地统一化，然后提供一套简单但又定制化强的方式操作它们。 这里举个我自己的例子。比如，我在使用 git 进行版本管理，当我在终端里要创…

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

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

细心的你可能已经发现了，在之前所有的截图里，我都把小地图关掉了（在查看菜单栏中可以打开或关闭小地图）。这是因为图片小，而小地图又比较占地方。 但是如果你是在一个比较大的屏幕上工作，…

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

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

集成终端和资源管理器也有互动。比如我们打开了一个脚本文件，希望直接执行这个脚本文件，就可以打开命令面板，运行 “在活动终端中运行活动文件”（Run Active File In A…

接下来，我们再一起了解一下集成终端里的快捷键操作。 我们能够在终端里使用 Shell 自身支持的那些快捷键操作。比如在 Bash 里，我们可以按下 Ctrl + A&nb…

我们可以从集成终端中非常轻松地打开一个文件。我们经常在终端中运行测试脚本，在某些测试失败后，我们能够从错误警告中得到，某一个文件的某行代码有问题。这个时候，如果我们按下 Cmd 键…