Share via

Примеры расширений

  • Мақала

Azure DevOps Services | Azure DevOps Server 2022 — Azure DevOps Server 2019

Начните разработку расширения, используя пример.

Совет

Ознакомьтесь с нашей новой документацией по разработке расширений с помощью пакета SDK для расширений Azure DevOps.

В следующих примерах Майкрософт показаны возможности платформы расширений и способы участия в различных областях. Каждый пример иллюстрирует один или несколько вкладов. Мы ограничиваем количество вкладов для каждого примера, чтобы повысить понимание платформы расширений.

Пример Исходный код Участие в проекте Description
BreadcrumbService GitHub Служба навигации, Концентратор Добавляет службу навигации, которая добавляет элемент "Образец элемента хлеба" в концентратор выборки. Чтобы просмотреть этот элемент, перейдите в пример концентраторав группе концентраторов Pipelines .
CodeEditorContribution GitHub Редактор кода Добавляет определение языка и схему JSON для редактора кода.
Компонент GitHub Функция, концентратор, поставщик свойств Показывает, как подключиться к панели функций предварительной версии в меню профиля пользователя. Добавляет простой концентратор, который отображается только при включении функции ABC. Вы можете включить и отключить функцию для каждого пользователя или организации.
Узел GitHub Узел Добавляет концентратор с именем Sample Hub в группу концентраторов Pipelines . Пример концентратора находится на странице уровня проекта в элементе навигации Pipelines .
Menu GitHub Элемент меню "Определение сборки" Добавляет элементменю определения сборки образца в концентратор builds в раскрывающемся меню действий. Обработчик меню получает текущее определение сборки из переданного контекста, выполняет вызов REST, а затем отображает результат в поле сообщения.
Panel GitHub Содержимое панели, Концентратор Применяется в примере Концентратора. Содержит кнопку переключателя вместе с кнопками "ОК " и "Отмена ". Можно использовать как настраиваемую панель или содержимое диалогового окна.
Сводка GitHub Веб-вкладка Добавляет вкладку "Пример сводки" на домашнюю страницу организации или коллекции проектов рядом с проектами, "Мои рабочие элементы" и "Мои запросы на вытягивание".
Pills GitHub Поставщик таблетки Добавляет таблетки на заголовок страницы определения конвейера (выполняется).
QueryParamsHandler GitHub Подписка на событие Добавляет службу, которая загружается на любой странице всякий раз showMyPanel , когда параметр запроса отображается в URL-адресе при загрузке любой страницы. Служба запуска отображает пользовательскую панель из примера Панели, используя необязательный myPanelTitle параметр запроса в качестве заголовка панели.
РепозиторийActions GitHub Menu Item Он добавляет элемент меню действия примера репозитория в средство выбора репозитория в заголовке страниц центра кода. href Если свойство отображается, выберите действие, чтобы перейти к указанному URL-адресу. uri Если свойство предоставлено, этот код выполняется при выборе действия.
РепозиторийServiceHub GitHub Узел Добавляет центр сведений о репозитории в группу центров кода. Демонстрирует, как взаимодействовать с IVersionControlRepositoryService основными сведениями о репозитории Git пользователя.
WorkItemFormGroup GitHub Группа форм рабочих элементов Добавляет расширение группы форм WorkItem в форму рабочего элемента, чтобы показать, как взаимодействовать со IWorkItemFormService службой и IWorkItemNotificationListener. Предоставляет пользовательский интерфейс, чтобы показать, как изменять значения полей с помощью службы форм и отображать события уведомлений формы рабочего элемента.
WorkItemOpen GitHub Узел Добавляет в группу центров Boards пример WorkItem Open, чтобы показать, как взаимодействовать со службойIWorkItemFormNavigationService. Предоставляет пользовательский интерфейс для открытия существующего рабочего элемента по идентификатору или открытия формы рабочего элемента для нового рабочего элемента по типу рабочего элемента. Любой из этих параметров открывает диалоговое окно в кадре узла.

Примеры DevLabs

Другие открытый код примеры, которые вам могут быть интересны.

Пример Исходный код Участие в проекте Description
Командный календарь GitHub Концентратор, источники событий Отслеживайте события, важные для вашей команды, просматривайте и управляйте выходными днями, быстро узнать, когда спринты начинаются и заканчиваются, и многое другое.
WSJF (взвешемое самое короткое задание) GitHub Уведомление (рабочий элемент), действие контекстного меню (рабочий элемент) Автоматически вычисляет WSJF (взвешемое самое короткое задание) для каждого рабочего элемента и сохраняет его в поле рабочего элемента.
Каскадные списки GitHub Форма рабочего элемента Определите каскадное поведение для списков выбора в форме рабочего элемента.
Ретроспективы GitHub Узел Опыт первого класса для ретроспектив и общих сценариев обратной связи. Соберите отзывы о вех проекта, упорядочивайте и упорядочение приоритетов, а также создавайте и отслеживайте практические задачи, чтобы помочь вашей команде улучшить с течением времени.
Оценки GitHub Меню действий "Центр", "Рабочий элемент" Планирование покера в Azure DevOps. Выберите работу из итерации, запроса или невыполненной работы, оцените усилия этих элементов с командой и немедленно обновите рабочие элементы.
Элемент управления с несколькими значениями GitHub Форма рабочего элемента Элемент управления формой рабочего элемента, позволяющий выбрать несколько значений.
Задачи расширения Azure DevOps GitHub Задачи сборки и выпуска Задачи Azure Pipelines для упаковки и публикации расширений Azure Devops и Visual Studio в Visual Studio Marketplace.

Начать

Чтобы быстро приступить к работе, используйте начальный проект , содержащий файлы, необходимые для создания расширения с помощью TypeScript. Существует скрипт grunt для автоматизации сборки, упаковки и публикации расширения.