Visual Studio Code 教程
vscode 管理文件和文件夹
首先需要说明的是,VS Code 的各个功能,都是基于当前打开的文件或者文件夹的。 该怎么去理解这个概念呢?如果你使用过 IDE 的话, 你应该记得在第一次打开 IDE 的时候,它…
vscode 缩进参考线和垂直标尺
这里我们可以先一起来玩一个“大家来找茬”的游戏: 图1是使用没有修改过任何编辑器设置的 VS Code 打开的一个 JavaScript 的文件 图2是使用经过了不少的个性化定制的…
vscode 显示相对行号和隐藏行号
这里我们可以先一起来玩一个“大家来找茬”的游戏: 图1是使用没有修改过任何编辑器设置的 VS Code 打开的一个 JavaScript 的文件 图2是使用经过了不少的个性化定制的…
vscode 小地图
细心的你可能已经发现了,在之前所有的截图里,我都把小地图关掉了(在查看菜单栏中可以打开或关闭小地图)。这是因为图片小,而小地图又比较占地方。 但是如果你是在一个比较大的屏幕上工作,…
vscode 行号背景
这里我们可以先一起来玩一个“大家来找茬”的游戏: 图1是使用没有修改过任何编辑器设置的 VS Code 打开的一个 JavaScript 的文件 图2是使用经过了不少的个性化定制的…
vscode 怎么运行代码
集成终端和资源管理器也有互动。比如我们打开了一个脚本文件,希望直接执行这个脚本文件,就可以打开命令面板,运行 “在活动终端中运行活动文件”(Run Active File In A…
vscode 终端内操作
接下来,我们再一起了解一下集成终端里的快捷键操作。 我们能够在终端里使用 Shell 自身支持的那些快捷键操作。比如在 Bash 里,我们可以按下 Ctrl + A&nb…
vscode 终端内文件跳转
我们可以从集成终端中非常轻松地打开一个文件。我们经常在终端中运行测试脚本,在某些测试失败后,我们能够从错误警告中得到,某一个文件的某行代码有问题。这个时候,如果我们按下 Cmd 键…
vscode 终端设置
我们一起看一下如何设置集成终端,让它能够符合我们平时的终端使用习惯。 在终端里使用什么样的 Shell 默认情况下,在 Windows 10 上我们会使用 PowerShell,而…
vscode 专注模式
我们在工作的时候,有时候希望更专注于代码编辑器,而不希望被 VS Code 的其他组件,比如视图或者面板所打扰。或者我们在比较小的屏幕上工作,比如说笔记本,有时候也有类似的需求,视…
vscode 编辑器缩放
缩放功能也是我在日常工作中经常使用的。比如我自己配置的字体比较小,而当需要给其他同事展示代码的时候,就往往需要把字体调大以便于更好地展示,这时候我就会按下Cmd +/-(Windo…
vscode 设置
VS Code 是以文件和文件夹为核心的,用户的设置、快捷键绑定等,也都是以文件的形式存储在用户的机器上。同时,VS Code 把这一切都开放给用户,也就是说你可以直接对这些文件进…
vscode 快捷键设置
虽然一直都是介绍使用图形化的快捷键修改界面,但是 VS Code 快捷键修改,在最开始的时候,跟编辑器设置界面是一样的,也是基于文本编辑器的。你可以在快捷键界面的搜索框下,看到一行…
vscode 支持Markdown
我们再来看看另一个 VS Code 支持的非常好的语言——Markdown。Markdown 在近些年已经成为了主流的文档书写语言,比如GitHub 上的项目 readme 默认就…
vscode 支持JavaScript
VS Code 团队本身就是 JavaScript 的使用者,同时 VS Code 还是 TypeScript 项目非常早期的用户,可以说是和 TypeScript 一起成长起来的…
vscode 支持Node.js
VS Code 的各种 JavaScript 功能,是通过 TypeScript 的编译器来实现的,但是它并没有局限JavaScript 代码是前端项目还是后端项目,VS Code…
vscode 支持Go
VS Code上的 Go 语言插件,是由微软官方推出的。Go 语言插件,是VS Code推出插件 API 时的首批插件,直到现在,也依然由VS Code团队成员进行维护开发,项目地…
vscode 支持python
VS Code上的 Python 语言插件,是VS Code插件市场中下载量最大的一个插件。它最初是一个社区项目,在开发了两年后,作者 Don Jayamanne 加入了微软,从而…
vscode 支持C#
VS Code上的 C# 支持并不是十分完整。为什么这么说呢?这个 C# 插件,并不是要完成 Visual Studio 的 C#…
vscode 支持CSS
介绍两个比较实用的功能:取色器 Color Picker和CSS 选择器的预览。 取色器 Color Picker 首先,你可以在书写 HTML 和 CSS 时使用取色器。 在书写…