擴充套件工作臺
"工作臺" 指的是包含以下 UI 元件的整個 Visual Studio Code UI
- 標題欄
- 活動欄
- 側邊欄
- 面板
- 編輯器組
- 狀態列
VS Code 提供各種 API,允許您將自己的元件新增到工作臺中。例如,下圖中

- 活動欄:Azure App Service 擴充套件添加了一個檢視容器
- 側邊欄:內建的NPM 擴充套件向資源管理器檢視添加了一個樹檢視
- 編輯器組:內建的Markdown 擴充套件在編輯器組的其他編輯器旁邊添加了一個Webview
- 狀態列:VSCodeVim 擴充套件在狀態列中添加了一個狀態列項
檢視容器
透過 contributes.viewsContainers 貢獻點,您可以新增新的檢視容器,這些容器將顯示在五個內建檢視容器旁邊。有關更多資訊,請參閱樹檢視主題。
樹檢視
透過 contributes.views 貢獻點,您可以新增新的檢視,這些檢視將顯示在任何檢視容器中。有關更多資訊,請參閱樹檢視主題。
Webview
Webview 是使用 HTML/CSS/JavaScript 構建的高度可定製的檢視。它們顯示在編輯器組區域的文字編輯器旁邊。有關 Webview 的更多資訊,請閱讀Webview 指南。
狀態列項
擴充套件可以建立自定義的 StatusBarItem,這些項將顯示在狀態列中。狀態列項可以顯示文字和圖示,並在點選事件時執行命令。
- 顯示文字和圖示
- 點選時執行命令
您可以透過檢視 狀態列擴充套件示例來了解更多資訊。