Visual Studio Code 用户界面

📅 2025-06-08

Visual Studio Code 与许多其他代码编辑器一样,采用通用的用户界面和布局,左侧是资源管理器,显示可以访问的所有文件和文件夹,右侧是编辑器,显示打开的文件的内容。

基本布局

VS Code 用户界面分为五个主要区域:

A 活动栏 - 位于最左侧,允许你在不同视图之间切换,包含不同功能。

B 侧边栏 - 位于左下角,包含不同的视图(如 Explorer),在你处理项目时为提供帮助。

C 编辑区 - 用于编辑文件的主要区域,你可以垂直和水平并排打开任意数量的编辑器。

D 面板 - 编辑器区域下方,默认情况下,它包含输出、调试信息、错误和警告以及集成终端。面板也可以向左或向右移动以获得更多的垂直空间。

E 状态栏 - 有关打开的项目和你编辑的文件的信息。

每次启动 VS Code 时,它都会以上次关闭时的状态打开。文件夹、布局和打开的文件将被保留。

每个编辑器中打开的文件都显示在编辑器区域的顶部,并带有选项卡式标题 (Tabs)。