一、Visual Studio Code 主题

VSCode 可以设置【图标主题、颜色主题】两种

• 图标主题：Command + Shift + P 打开命令面板，输入 icon theme 后回车，选择一个即可。

• 颜色主题：Command + Shift + P 打开命令面板，输入 color theme 后回车，选择一个即可。

也可以直接在导航栏中使用 "文件" -> "首选项" -> "文件图标主题"，选择一个即可

1、图标主题

默认 VSCode 提供 Minimal、Seti 两个主题。

（1）Minimal 主题

minimal 图标主题

（2）Seti 主题

seti 图标主题

（3）安装主题

在扩展中心输入关键字 tag:icon-theme 选择自己喜欢的插件配置即可

2、颜色主题

同样也可以使用快捷键 Command + K，然后 Command + T

使用键盘方向键，实时预览颜色主题

二、Visual Studio Code 用户设置与工作空间设置

1、用户设置与工作空间设置

VS Code提供了两种设置方式： 

• 用户设置： 这种方式进行的设置，会应用于该用户打开的所有工程； 

• 工作空间设置：工作空间是指使用 VSCode 打开的某个文件夹，在该文件夹下会创建一个名为 .vscode 的隐藏文件夹，里面包含着 仅适用于当前目录的 VSCode 设置。工作空间的设置会覆盖用户的设置。

每个人都有自己的偏好，在使用 VSCode 进行开发时，都会根据自己的习惯来对 VSCode 进行用户级别的配置。

但是，当多人共同完成某个项目的时候，该项目会有一定的编码规范，如: 编辑某个语言时的设置，代码的缩进等等，这个时候就需要对该项目进行单独的工作空间级别的设置。

（1）更改默认用户设置与工作空间设置

VS Code 设置文件为 setting.json

用户设置的文件保存在如下目录： 

• Window：%APPDATA%\Code\User\settings.json

• Mac：$HOME/Library/Application Support/Code/User/settings.json

• Linux：$HOME/.config/Code/User/settings.json

工作空间设置的文件保存在当前目录的 .vscode 文件夹下。

三种方式更改默认的设置： 

• 使用编辑器直接打开 setting.json 文件

• 点击 VS Code 的 文件 > 首选项 > 设置 ，可以打开设置面板

• 在 VS Code 中使用 Command + Shift + P 打开命令面板，输入 references: Open User Settings 或 Preferences: Open Workspace Settings

推荐使用后两种方式进行更改，因为在面板列出了可以设置的各种选项的默认值。可以直接在其上做更改，自动保存。

（2）对某个特定项配置

在设置中，点开某个具体的设置项进行配置，比如修改 markdown 的默认选项，一般安装的插件也会出现在扩展一栏找到。

Visual Studio Code 实时预览 Markdown

Visual Studio Code 可以一边写 Markdown 一边预览了，而且不需要任何插件。

Visual Studio Code 原生就支持高亮 Markdown 的语法，想要一边编辑一遍预览，有如下方法

方法1

使用命令 Command + Shift + P 调出主命令框，输入 Markdown，匹配到几项 Markdown 相关命令

选择 Markdown: Open Preview to the Side，就能调出实时预览框了。

方法2

先按 Command + K，然后放掉，紧接着再按 V，也能调出实时预览框。

方法3

点击侧边栏预览

未经允许请勿转载：程序喵 » Visual Studio Code 快速入门（二）