擴充套件工作臺
“工作臺”是指整個 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
,這些項顯示在狀態列中。狀態列項可以顯示文字和圖示,並在單擊事件時執行命令。
- 顯示文字和圖示
- 單擊時執行命令
您可以檢視狀態列擴充套件示例瞭解更多資訊。