擴充功能範例

  • 發行項

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

從範例開始開發延伸模組。

提示

請參閱使用 Azure DevOps 擴充功能 SDK 進行擴充功能開發的最新檔。

下列 Microsoft 範例顯示延伸模組架構的功能，以及如何參與各種領域。 每個範例都會說明一或多個貢獻。 我們會限制每個範例的貢獻數目，以提高對延伸模塊架構的瞭解。

範例 來源 投稿文章 描述
BreadcrumbService GitHub 階層連結服務、中樞 新增階層連結服務，將「範例階層連結專案」新增至範例中樞。 若要查看此專案，請移至管線中樞群組中的範例中樞。
CodeEditorContribution GitHub 程式碼編輯器 新增程式代碼編輯器的語言定義和 JSON 架構。
功能 GitHub 功能、中樞、屬性提供者 示範如何連結至 使用者配置檔功能表下的 [預覽功能 ] 面板。 新增一個簡單的中樞，只有在您開啟 “ABC” 功能時才會顯示。 您可以切換功能開啟和關閉，每個使用者或每個組織。
中樞 GitHub 中樞 將名為 Sample Hub 的中樞新增至 Pipelines 中樞群組。 範例中樞位於 [管線] 瀏覽元素底下的專案層級頁面上。
功能表 GitHub 建置定義功能表項 將範例 組建定義功能表項 新增至 下拉功能表中的 [建 置] 中樞。 功能表處理程式會從傳遞的內容取得目前的組建定義、進行 REST 呼叫，然後在消息框中顯示結果。
面板 GitHub 面板內容、中樞 在中 樞 範例內套用。 包含切換按鈕以及 [確定 ] 和 [取消] 按鈕。 可作為自定義面板或對話框內容。
樞紐 GitHub Web 索引標籤 將 [範例樞紐] 索引卷標新增至組織或專案集合首頁，緊接著 [專案]、[我的工作專案] 和 [我的提取要求]。
膠囊 GitHub 藥丸提供者 將藥丸新增至管線定義 （執行） 頁面的標題。
QueryParamsHandler GitHub 事件訂閱 新增服務，每當載入任何頁面時，查詢 showMyPanel 參數出現在URL中時，就會載入任何頁面上的服務。 啟動服務會顯示來自 Panel 範例的自訂面板，使用選擇性 myPanelTitle 的查詢參數作為面板標題。
RepositoryActions GitHub 功能表項目 它會將範例 存放庫動作 功能表項新增至程式代碼中樞頁面標頭中的存放庫選擇器。 如果屬性 href 顯示，請選取動作以移至指定的URL。 uri如果提供 屬性，該程式代碼會在您選取動作時執行。
RepositoryServiceHub GitHub 中樞 將存放庫資訊中樞新增至程式代碼中樞群組。 示範如何與 IVersionControlRepositoryService 互動，以取得使用者 Git 存放庫的基本資訊。
WorkItemFormGroup GitHub 工作項目表單群組 將 Sample WorkItem 窗體群組延伸新增至工作項目表單，以顯示如何與IWorkItemFormService服務和IWorkItemNotificationListener互動。 提供UI來示範如何使用表單服務變更域值，以及顯示工作專案表單通知事件。
WorkItemOpen GitHub 中樞 將 Sample WorkItem Open 中樞新增至 Boards 中樞群組，以顯示如何與IWorkItemFormNavigationService服務互動。 提供UI讓您依標識碼開啟現有的工作專案，或依工作專案類型開啟新工作專案的工作項目表單。 其中一個選項會在主機框架中開啟對話框。
色階工作項目表單自定義控件 GitHub 工作項目表單控件 將色彩編碼新增至下拉式清單中的值。
資料夾管理 GitHub 動作選單動作 （程式代碼總管樹狀目錄） 從程式代碼總管樹狀目錄，在來源存放庫中建立資料夾。 不需要複製存放庫或安裝額外的工具。
離線測試執行 GitHub [測試計劃] 索引標籤 即使與 Azure DevOps 中斷連線，測試人員仍可執行測試步驟。 您可以使用導出的 Excel 電子表格來完成。
發行管理公用程式工作 GitHub 發行管理工作 發行管理的公用程式工作。
積存面板 GitHub 儀錶板小工具 顯示工作流程看板每個數據行中的卡片數目。
狀態模型視覺效果 GitHub 工具列動作 （工作專案）， 中樞 將所選工作項目類型的狀態模型可視化。
團隊行事曆 GitHub 中樞、事件來源 追蹤對小組很重要的事件、檢視及管理休息日、快速查看短期衝刺開始和結束時間等等。
Team 專案健康情況 GitHub 儀錶板小工具 讓使用者將組建的整體健康情況可視化，提供類似 Codify Build Light 的視覺提示。
WSJF （加權最短工作第一） GitHub 通知（工作專案）、操作選單動作（工作專案） 自動計算每個工作專案的 WSJF （加權最短工作第一個），並將其儲存在工作專案欄位中。
級聯清單 GitHub 工作項目表單 定義工作項目表單中挑選清單的串聯行為。

開始使用

若要儘快開始使用，請使用 種子專案 ，其中包含使用 TypeScript 建置擴充功能所需的檔案。 有一個嗶哟哟的腳本，可將建置、封裝及發佈延伸模塊自動化。