擴充工作台

「Workbench」（工作台）指的是 Visual Studio Code 的整體使用者介面，包含下列 UI 元件：

• 標題列 (Title Bar)
• 活動列
• 側邊欄 (Side Bar)
• 面板
• 編輯器群組 (Editor Group)
• 狀態列

VS Code 提供了各種 API，讓您可以將自己的元件新增至 Workbench。例如，在下圖中：

• 活動列 (Activity Bar)：Azure App Service 擴充功能新增了一個檢視容器 (View Container)
• 側邊欄 (Side Bar)：內建的 NPM 擴充功能在檔案總管檢視中新增了一個樹狀檢視 (Tree View)
• 編輯器群組 (Editor Group)：內建的 Markdown 擴充功能在編輯器群組中其他編輯器的旁邊新增了一個 Webview
• 狀態列 (Status Bar)：VSCodeVim 擴充功能在狀態列中新增了一個狀態列項目 (Status Bar Item)

檢視容器 (Views Container)

透過 contributes.viewsContainers 貢獻點，您可以新增顯示在五個內建檢視容器旁邊的新檢視容器。請參閱樹狀檢視 (Tree View)主題以了解更多資訊。

樹狀檢視

透過 contributes.views 貢獻點，您可以新增顯示在任何檢視容器中的新檢視。請參閱樹狀檢視 (Tree View)主題以了解更多資訊。

Webview

Webview 是使用 HTML/CSS/JavaScript 建置的高度自訂化檢視。它們顯示在編輯器群組區域中的文字編輯器旁邊。請閱讀Webview 指南以深入了解 Webview。

狀態列項目 (Status Bar Item)

擴充功能可以建立顯示在狀態列中的自訂 StatusBarItem。狀態列項目可以顯示文字與圖示，並在點擊事件發生時執行命令。

• 顯示文字與圖示
• 點擊時執行命令

您可以透過查看 狀態列擴充功能範例來了解更多資訊。