用户界面

本质上，Visual Studio Code 是一个代码编辑器，其用户界面和布局与许多其他代码编辑器相似。 界面左侧是用于访问代码项目中的文件和文件夹的侧边栏。 右侧是显示应用程序文件内容的编辑器区域。

检查用户界面的主要区域

A - 活动栏是位于窗口最左侧的窄竖栏。 通过活动栏，可在各视图（如资源管理器或扩展）之间切换，并且活动栏提供其他特定于上下文的指示器。
B - 侧边栏包含提供工具和资源的视图。 在处理代码项目时，侧边栏视图（例如资源管理器）非常有用。
C - 编辑器是用于编辑文件的区域。 可根据需要在垂直和水平方向并排打开任意数量的编辑器。
D - 面板区域用于在编辑器区域下方显示输出或调试信息、错误和警告或集成终端的不同面板。
E - 状态栏是窗口底部的横栏，显示有关打开的项目和所编辑的文件的信息。
F - 主菜单是应用程序窗口顶部的菜单界面。 使用菜单选项可以保存、编辑和运行代码等。
随着你越来越精通 Visual Studio Code，你将在所述的屏幕区域中工作。 但是，首先，需要记住的最重要的区域是活动栏、侧边栏和编辑器。 活动栏是选择要执行的活动的位置。 侧边栏显示工具和选项，编辑器显示你编辑的信息（通常是代码）。

查看“活动栏”和“侧边栏”

1. 请注意，“活动栏”右侧的“侧边栏”已折叠。
   你可能还会想起“活动栏”是 Visual Studio Code 窗口最左侧的垂直图标列表。 “侧边栏”的内容取决于当前从“活动栏”中选择的内容。
   将鼠标指针放在“活动栏”上，然后将鼠标指针悬停在每个图标上可显示标签。
2. 将鼠标悬停在图标上时，将显示标签。 你应该会看到如下图所示的活动栏按钮：
   

   活动栏图标从上到下依次为：“资源管理器”、“搜索”、“源代码管理”、“运行和调试”、“扩展”、“帐户”和“管理”。

3. 选择“活动栏”上的“资源管理器”。
   侧边栏应处于打开状态并显示上下文信息。
4. 请注意，“侧边栏”现标记为“资源管理器”。
   “资源管理器”视图用于访问/浏览项目文件夹和代码文件。
   Visual Studio Code 将记住你的工作历史记录，并在打开时打开最近使用的项目文件。 这是你第一次打开 Visual Studio Code，因此没有打开任何项目文件夹。
5. 选择“活动栏”上的“扩展”。
6. 请注意，“侧边栏”现标记为“扩展”。
7. 请花点时间查看“扩展”视图中显示的信息。
   通过 Visual Studio Code 扩展，可将编码语言、调试程序和其他工具添加到支持开发工作流的环境中。 稍后将在本模块中安装 C# 扩展。
8. 在“活动栏”上，若要关闭“扩展”侧边栏，请选择“扩展”。