vscode插件開發中文文檔教程(7)——擴展工作台

原文鏈接：Extending Workbench\
作者：Microsoft\
譯者：倔強青銅三

前言

大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！

擴展工作台

“工作台”指的是包含以下 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，這些項會顯示在狀態欄中。狀態欄項可以顯示文本和圖標，並在點擊事件時運行命令。

• 顯示文本和圖標
• 在點擊時運行命令

您可以查看 狀態欄擴展示例 瞭解更多。

最後感謝閲讀！歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！