擴充工作台

「工作台」指的是 Visual Studio Code 的整體 UI，包含以下 UI 元件

• 標題列
• 活動列
• 側邊欄
• 面板
• 編輯器群組
• 狀態列

VS Code 提供各種 API，讓您將自己的元件新增至工作台中。例如，在下圖中

• 活動列：Azure App Service 擴充功能新增了一個檢視容器
• 側邊欄：內建的 NPM 擴充功能在 [檔案總管] 檢視中新增了一個樹狀檢視
• 編輯器群組：內建的 Markdown 擴充功能在編輯器群組中，於其他編輯器旁邊新增了一個 Webview
• 狀態列：VSCodeVim 擴充功能在狀態列中新增了一個狀態列項目

檢視容器

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

樹狀檢視

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

Webview

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

狀態列項目

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

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

您可以檢閱狀態列擴充功能範例以了解更多資訊。