Skip to content

VSCode 用户界面

VSCode 的核心是一个代码编辑器,采用了与市面上大部分编辑器一样的界面布局,左侧是资源管理器、右侧显示编辑区域、底部状态栏,顶部是标题栏等:

ui

整个 UI 被分为五个主要区域:

  • Editor(编辑器): 用户遍及文件的主要区域,能够根据需要水平、垂直打开任意数量的编辑器
  • Primary Side Bar(主侧边栏): 包含不同的视图(Views),有些视图是内置的例如资源管理器(Explorer),有些插件也提供了自己的视图
  • Status Bar(状态栏): 显示了打开的项目和正在编辑的文件的一些状态信息,有些是可交互的
  • Activity Bar(活动栏): 位于最左侧,可以让你在视图(Views)之间切换,并在侧边栏中呈现
  • Panel(面板): 编辑器区域西方的附加空间,默认情况下包含输出(output)、调试信息(debug information)、错误和警告(errors and warnings)和集成终端(integrated terminal)

Tips

右侧还可以显示辅助侧边栏(Secondary Side Bar)用于显示额外的视图

参考