Visual Studio Code 使用指南 (02) 主要界面基本构成

时间:2024-03-19 14:16:37

界面构成

VS Code默认具有以下界面。

1:活动栏,2:侧边栏,3:编辑栏,4:面板栏,5:状态栏

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

最左侧是活动栏,默认情况下有六个图标。 单击图标以切换侧边栏上的视图。

侧边栏右边是编辑栏,可以同时显示多个编辑器。

编辑栏下面是面板栏,可在各种面板(诸如终端命令行和Output)之间切换。

底部的状态栏显示有关打开的文件和项目的信息,例如语言,选项卡大小和Git分支名称等等。

在命令面板中,选择“帮助:用户界面概述”,可以看到每个菜单的描述和键盘快捷键。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

活动栏

活动栏默认有六个图标。

添加的扩展功能可能会追加新图标在活动栏上。

上下拖动图标可切换位置,如下图所示。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

 

右键单击活动栏,可在关联菜单上显示或隐藏图标,如下图所示。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

侧边栏

“Ctrl+B”可关闭或打开侧边栏

通过如下步骤切换左右显示位置。

1 如下图通过菜单命令打开“设置”

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

 

2 如下图设置左右显示

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

资源管理器

通过如下菜单命令可在工作区中打开目录,

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

 

资源管理器在侧边栏中显示工作区中目录和文件一览,单击文件可以在编辑器中显示其内容,如下图所示。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

资源管理器与Windows系统的文件资源管理器功能类似,可以在其中打开,复制,移动,重命名文件或文件夹。

工作区

在VSCode中工作区代表了一系列目录的集合。

通过如下步骤向工作区中添加目录。

执行菜单命令【文件】【将文件夹添加到工作区】,如图所示。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

 

可以在工作区中打开多个不同目录的。多个目录并列显示在侧边栏,如图所示。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

 

 

通过如下步骤可保存工作区,并在下次打开以继续工作

执行菜单命令【文件】【将工作区另存为】,如图所示。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

选择保存路径并保存

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

下次直接用菜单命令【文件】【打开工作区】打开保存的工作区文件(.code-workspace)即可,如图所示。

 

Visual Studio Code 使用指南 (02) 主要界面基本构成

 

本次就介绍到这里。