VSCode

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

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

VSCode 创建终端，VS Code 在设计之初，就一直在思考如何让 VS Code 和终端能够更紧密联系在一起。其第一种方式就是从终端中以命令行的形式打开 VS Code。第二种方式，就是允许用户从资源管理器里调出系统终端。 首先，我们...

VSCode 终端内操作，接下来，我们再一起了解一下集成终端里的快捷键操作。 我们能够在终端里使用 Shell 自身支持的那些快捷键操作。比如在 Bash 里，我们可以按下 Ctrl + A 或者 Home 键把光标移动到一行的开头，也可以...

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

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

VSCode 终端设置，我们一起看一下如何设置集成终端，让它能够符合我们平时的终端使用习惯。 在终端里使用什么样的 Shell 默认情况下，在 Windows 10 上我们会使用 PowerShell，而如果是 Win 10 以下的版本那么...

VSCode 任务系统配置 – 分组和结果显示，来学习一下任务系统配置里的其他属性。在下面的任务里，我们能够看到 “label”“type”“command” 这几个熟悉的属性，它们的意思是，在 shell 下运行 ./scripts/te...

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

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

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

VSCode 代码调试器，和语言功能一样，VS Code 是把调试功能的最终实现交给插件来完成的。VS Code 提供了一套通用的图形界面和交互方式，比如怎么创建断点、如何添加条件断点、如何查看当前调试状态下参数的值，等等。无论你使用哪个编...

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

VSCode 编辑器 – Tab，呼声非常高的编辑器相关的需求就是 Tab 的支持了。VS Code 虽然一直以来技术上是支持 Tab 的，但是并不会显示出来，而是要求你按下Cmd + P（Windows 上是 Ctrl + P）打开命令面...

VSCode 编辑器网格布局，VS Code 对编辑器的布局，已经逐渐变得越来越宽松了。特别是最近的几个版本里已经支持了网格布局，也就是说，编辑器组不再拘泥于横向或者纵向布局了。这里，你可以先试着运行命令 “2 x 2 网格编辑器布局”[G...

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

VSCode 编辑器专注模式，我们在工作的时候，有时候希望更专注于代码编辑器，而不希望被 VS Code 的其他组件，比如视图或者面板所打扰。或者我们在比较小的屏幕上工作，比如说笔记本，有时候也有类似的需求，视图和面板等都太占屏幕面积了。对...

VSCode 编辑器缩放，缩放功能也是我在日常工作中经常使用的。比如我自己配置的字体比较小，而当需要给其他同事展示代码的时候，就往往需要把字体调大以便于更好地展示，这时候我就会按下Cmd +/-（Windows 上是 Ctrl +/-）来缩...

VSCode 设置，VS Code 是以文件和文件夹为核心的，用户的设置、快捷键绑定等，也都是以文件的形式存储在用户的机器上。同时，VS Code 把这一切都开放给用户，也就是说你可以直接对这些文件进行修改。 相信你已经尝试过了修改代码片段...

VSCode 快捷键绑定，虽然一直都是介绍使用图形化的快捷键修改界面，但是 VS Code 快捷键修改，在最开始的时候，跟编辑器设置界面是一样的，也是基于文本编辑器的。你可以在快捷键界面的搜索框下，看到一行提示“高级自定义请打开和编辑器 k...

VSCode 支持JSON，JSON 文件你肯定已经非常熟悉了，VS Code 的配置文件、任务系统、代码片段等都是使用的 JSON 语法。比如下面的这段调试配置： { // 使用 IntelliSense 了解相关属性。 // 悬停以查看...

VSCode 支持Markdown，我们再来看看另一个 VS Code 支持的非常好的语言——Markdown。Markdown 在近些年已经成为了主流的文档书写语言，比如GitHub 上的项目 readme 默认就是 Markdown，微...

支持JavaScript，VS Code 团队本身就是 JavaScript 的使用者，同时 VS Code 还是 TypeScript 项目非常早期的用户，可以说是和 TypeScript 一起成长起来的。无论是 VS Code 还是 T...

VSCode 支持Node.js，VS Code 的各种 JavaScript 功能，是通过 TypeScript 的编译器来实现的，但是它并没有局限JavaScript 代码是前端项目还是后端项目，VS Code 对它们的语言支持都是一致...

VSCode 支持Go，VS Code上的 Go 语言插件，是由微软官方推出的。Go 语言插件，是VS Code推出插件 API 时的首批插件，直到现在，也依然由VS Code团队成员进行维护开发，项目地址是 https://github....