Esempi di estensione

  • Articolo

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

Iniziare a sviluppare l'estensione usando un esempio.

Suggerimento

Vedere la documentazione più recente sullo sviluppo di estensioni con Azure DevOps Extension SDK.

Gli esempi Microsoft seguenti illustrano le funzionalità del framework di estensione e come contribuire a varie aree. Ogni esempio illustra uno o più contributi. Il numero di contributi per ogni campione viene limitato per aumentare la comprensione del framework di estensione.

Esempio Origine Contributi Descrizione
BreadcrumbService GitHub Servizio di navigazione, hub Aggiunge un servizio di navigazione, che aggiunge un "Elemento di navigazione di esempio" all'hub di esempio. Per visualizzare questo elemento, passare all'hub di esempio nel gruppo hub Pipelines.
CodeEditorContribution GitHub Editor di codice Aggiunge una definizione del linguaggio e uno schema JSON per l'editor di codice.
Funzionalità GitHub Feature, Hub, Property Provider Illustra come eseguire l'hook nel pannello Funzionalità di anteprima nel menu del profilo utente. Aggiunge un hub semplice che viene visualizzato solo quando si attiva una funzionalità "ABC". È possibile attivare e disattivare la funzionalità, per utente o per organizzazione.
Hub GitHub Hub Aggiunge un hub denominato Hub di esempio nel gruppo hub Pipelines . L'hub di esempio si trova in una pagina a livello di progetto, sotto l'elemento di spostamento Pipelines .
Menu GitHub Voce di menu Compila definizione Aggiunge una voce di menu Definizione di compilazione di esempio all'hub Compilazioni nel menu a discesa Azioni. Il gestore di menu ottiene la definizione di compilazione corrente dal contesto passato, effettua una chiamata REST e quindi visualizza il risultato in una finestra di messaggio.
Panel GitHub Contenuto del pannello, hub Applicato all'interno dell'esempio hub . Contiene un interruttore insieme ai pulsanti OK e Annulla . Può essere usato come contenuto di un pannello o di un dialogo personalizzato.
Pivot GitHub Scheda Web Aggiunge una scheda Pivot di esempio alla home page dell'organizzazione o della raccolta di progetti, accanto a Progetti, Elementi di lavoro personali e Richieste pull personali.
Pillole GitHub Provider di pillole Aggiunge pillole al titolo della pagina Definizione pipeline (esecuzioni).
QueryParamsHandler GitHub Sottoscrizione di eventi Aggiunge un servizio che viene caricato in qualsiasi pagina ogni volta che viene visualizzato un showMyPanel parametro di query nell'URL quando viene caricata una qualsiasi pagina. Il servizio di avvio mostra il pannello personalizzato dell'esempio Pannello, usando un parametro di query facoltativo myPanelTitle come titolo del pannello.
RepositoryActions GitHub MenuItem Aggiunge una voce di menu Azione repository di esempio alla selezione repository nell'intestazione delle tabelle dell'hub codici. Se la href proprietà viene visualizzata, selezionare l'azione da passare all'URL specificato. Se viene specificata la uri proprietà , tale codice viene eseguito quando si seleziona l'azione.
RepositoryServiceHub GitHub Hub Aggiunge un hub informazioni repository al gruppo hub del codice . Illustra come interagire con per IVersionControlRepositoryService ottenere informazioni di base sul repository Git di un utente.
WorkItemFormGroup GitHub Gruppo di moduli elemento di lavoro Aggiunge un'estensione del gruppo di moduli WorkItem di esempio al modulo dell'elemento di lavoro per mostrare come interagire con il IWorkItemFormService servizio e IWorkItemNotificationListener. Fornisce un'interfaccia utente per mostrare come modificare i valori dei campi usando il servizio modulo e visualizzare gli eventi di notifica del modulo degli elementi di lavoro.
WorkItemOpen GitHub Hub Aggiunge un hub WorkItem Open di esempio al gruppo hub Boards per mostrare come interagire con il IWorkItemFormNavigationService servizio. Fornisce un'interfaccia utente per aprire un elemento di lavoro esistente in base all'ID oppure aprire il modulo dell'elemento di lavoro per un nuovo elemento di lavoro in base al tipo di elemento di lavoro. Una di queste opzioni apre una finestra di dialogo nel frame host.

Esempi di DevLabs

Altri esempi open source a cui si potrebbe essere interessati.

Esempio Origine Contributi Descrizione
Calendario del team GitHub Hub, origini eventi Tenere traccia degli eventi importanti per il team, visualizzare e gestire i giorni di disattivazione, vedere rapidamente quando gli sprint iniziano e terminano e altro ancora.
WSJF (primo processo più breve ponderato) GitHub Notifica (elemento di lavoro), azione del menu di scelta rapida (elemento di lavoro) Calcola automaticamente WSJF (processo ponderato più breve prima) per ogni elemento di lavoro e lo archivia in un campo dell'elemento di lavoro.
Elenchi a cascata GitHub Modulo elemento di lavoro Definire il comportamento a catena per gli elenchi di selezione nel modulo dell'elemento di lavoro.
Retrospettive GitHub Hub Esperienza di prima classe per scenari retrospettivi e bacheche di feedback generali. Raccogliere commenti e suggerimenti sulle attività cardine del progetto, organizzare e classificare in ordine di priorità e creare e tenere traccia delle attività eseguibili per aiutare il team a migliorare nel tempo.
Stima GitHub Hub, menu azione elemento di lavoro Giocare a Planning Poker in Azure DevOps. Selezionare il lavoro da un'iterazione, una query o un backlog, stimare lo sforzo di tali elementi con il team e aggiornare immediatamente gli elementi di lavoro.
Controllo multivalore GitHub Modulo elemento di lavoro Controllo modulo elemento di lavoro che consente la selezione di più valori.
Attività dell'estensione Azure DevOps GitHub Attività di compilazione e rilascio Attività di Azure Pipelines per la creazione di pacchetti e la pubblicazione di estensioni Di Azure Devops e Visual Studio in Visual Studio Marketplace.

Operazioni preliminari

Per iniziare il più rapidamente possibile, usare il progetto di inizializzazione che contiene i file necessari per compilare un'estensione usando TypeScript. È disponibile uno script grunt per automatizzare la compilazione, la creazione di pacchetti e la pubblicazione dell'estensione.