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

界面构成

VS Code默认具有以下界面。

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

 

 

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

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

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

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

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

 

 

活动栏

活动栏默认有六个图标。

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

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

 

 

 

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

 

 

侧边栏

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

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

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

 

 

 

2 如下图设置左右显示

 

 

资源管理器

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

 

 

 

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

 

 

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

工作区

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

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

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

 

 

 

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

 

 

 

 

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

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

 

 

选择保存路径并保存

 

 

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

 

 

本次就介绍到这里。