尝试以扩展 VS Code 中的代理模式!

侧边栏

主侧边栏和辅助侧边栏由一个或多个由视图容器贡献的视图组成。扩展可以将视图贡献给现有的视图容器(例如,资源管理器),或者它们可以贡献一个全新的视图容器。

✔️ 建议

  • 将相关的视图和内容归类在一起
  • 为视图容器及其视图使用清晰、描述性的名称

❌ 不建议

  • 使用过多的视图容器。一个单独的视图容器(例如,带有该扩展独有视图的侧边栏)对于大多数扩展来说通常已足够。
  • 使用过多的视图(对于大多数屏幕尺寸,3-5个是舒适的最大数量)
  • 在侧边栏中添加本可以是一个简单命令的内容。
  • 重复现有功能

Example of two sidebars

主侧边栏

许多扩展选择将视图和/或视图容器贡献到主侧边栏,因为它能为内容提供高可见度。在此处添加内容时请谨慎判断——过多的贡献UI可能导致混乱的体验,从而使用户感到困惑。

Example of the primary sidebar

辅助侧边栏

顾名思义,辅助侧边栏通常被认为是视图的辅助位置。虽然扩展默认不能直接向其贡献视图,但用户可以将视图从主侧边栏或面板拖拽到此处,以自定义其布局。

Example of the secondary sidebar

默认情况下,侧边栏中包含多个视图的视图容器将显示一个单独的...图标按钮在侧边栏工具栏中,用于显示和隐藏每个视图。它看起来像这样

Sidebar with two views

然而,如果只使用一个视图,侧边栏将自动整合UI,使用侧边栏工具栏来渲染该视图特有的所有操作。取代...按钮的是,与“笔记”视图关联的两个操作会在此处渲染。

Sidebar with a single view and toolbar with actions

与其他工具栏一样,请注意不要添加过多的操作,以减少混乱和困惑。如果可能,请使用现有的产品图标并搭配描述性的命令名称。