Visual Studio Code 教程

  • vscode 终端设置

    我们一起看一下如何设置集成终端,让它能够符合我们平时的终端使用习惯。 在终端里使用什么样的 Shell 默认情况下,在 Windows 10 上我们会使用 PowerShell,而…

  • vscode 资源管理器

    当你打开一个文件夹之后,你就能在工作台的最左侧看到资源管理器。资源管理器将当前文件夹下的文件和子文件夹,以树形结构的形式呈现出来。每一个文件的前面还会有一个小图标,用于反映文件的类…

  • vscode 专注模式

    我们在工作的时候,有时候希望更专注于代码编辑器,而不希望被 VS Code 的其他组件,比如视图或者面板所打扰。或者我们在比较小的屏幕上工作,比如说笔记本,有时候也有类似的需求,视…

  • vscode 编辑器缩放

    缩放功能也是我在日常工作中经常使用的。比如我自己配置的字体比较小,而当需要给其他同事展示代码的时候,就往往需要把字体调大以便于更好地展示,这时候我就会按下Cmd +/-(Windo…

  • vscode 设置

    VS Code 是以文件和文件夹为核心的,用户的设置、快捷键绑定等,也都是以文件的形式存储在用户的机器上。同时,VS Code 把这一切都开放给用户,也就是说你可以直接对这些文件进…

  • vscode 快捷键设置

    虽然一直都是介绍使用图形化的快捷键修改界面,但是 VS Code 快捷键修改,在最开始的时候,跟编辑器设置界面是一样的,也是基于文本编辑器的。你可以在快捷键界面的搜索框下,看到一行…

  • vscode 支持json

    JSON 文件你肯定已经非常熟悉了,VS Code 的配置文件、任务系统、代码片段等都是使用的 JSON 语法。比如下面的这段调试配置: { // 使用 IntelliSense …

  • 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 支持java

    VS Code上的 Java 语言支持,可以说是多家大企业通力合作了。最早成熟的 Java 插件,是由 Red Hat 公司实现的,叫做 Language Support for …

  • 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 时使用取色器。 在书写…

  • vscde 支持Emmet

    我们介绍过代码片段(Code Snippet),你可以通过预定义代码的模板来省去重复代码的输入。但是有的时候,预定义好的模板也还是有局限性。尤其是在书写 HTML 的时候,你输入的…

  • vscode 支持Docker

    今天我们要介绍的内容是,如何在 VS Code 中配置、部署和调试 Docker。 在阅读本文之前,首先你需要对 Docker 容器化的知识有所了解。其次,Docker 的操作,都…

  • vscode 固定UI视图

    VSCode可以让我们可以做持久化 UI 视图,这句话是什么意思呢?VS Code 的各种 “切换 xyz 视图可见性” 的命令,它最终都是将这个配置写到了你的个人设置中。比如说,…

  • vscode 修改编辑器配色

    除了工作区的配色,你也可以修改编辑器内代码的颜色。这个就真的强大了,因为为代码书写语法文件和配色文件,都是非常复杂的,但是在 VS Code 中,你依然有非常简单的方式去完成部分修…

  • vscode 修改主题配色

    前面我们提到了,当你自定义编辑器内配色时,自动补全给你提示了所有已经安装的主题。 通过选择这些主题,你可以只针对它们做颜色修改,而不影响其他的主题的颜色。工作区的颜色修改也是如此。…