Visual Studio Code 快速入门(二)

一、Visual Studio Code 主题

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

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

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

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

1、图标主题

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

theme-color-chose.png

(1)Minimal 主题

minimal 图标主题

theme-icon-minimal.png

(2)Seti 主题

seti 图标主题

theme-icon-seti.png

(3)安装主题

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

theme-icon-install.png

2、颜色主题

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

theme-color-chose.png

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

theme-color-dark.png

二、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 SettingsPreferences: Open Workspace Settings

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

settings.png

(2)对某个特定项配置

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

settings-markdown.png

Visual Studio Code 实时预览 Markdown

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

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

方法1

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

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

markdown-preview.png

方法2

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

方法3

点击侧边栏预览

markdown-preview-2.png


未经允许请勿转载:程序喵 » Visual Studio Code 快速入门(二)

点  赞 (0) 打  赏
分享到: