扩展示例

  • 项目

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

通过示例开始开发扩展。

提示

查看有关使用 Azure DevOps 扩展 SDK 进行扩展开发的最新文档。

以下 Microsoft 示例显示了扩展框架的功能以及如何为各个领域做出贡献。 每个示例都说明了一个或多个贡献。 我们限制了每个示例的贡献数量，以提高对扩展框架的理解。

示例 Source 发布内容 说明
BreadcrumbService GitHub 痕迹导航服务，中心 它添加一个痕迹导航服务，它将“示例痕迹导航项”添加到示例中心。 访问管道中心组中的“示例中心”以查看此项。
CodeEditorContribution GitHub 代码编辑器 它为代码编辑器添加语言定义和 JSON 架构。
功能 GitHub 功能、中心、属性提供程序 它演示如何挂钩到“预览功能”面板（用户配置文件菜单下）。 它添加了一个简单的中心，仅在启用“ABC”功能时显示。 该功能可以按用户或按组织切换。
中心 GitHub 集线器 它将名为“示例中心” Pipelines 的中心添加到中心组中。 如果访问项目级页面，将在页面左侧垂直导航菜单中的导航元素下 Pipelines 找到示例中心。
菜单 GitHub 生成定义菜单项 它将页面右上角的下拉菜单中的“示例生成定义菜单项”添加到 Builds 中心。 菜单处理程序从传递给它的上下文中获取当前生成定义，它进行 REST 调用，并在消息框中显示结果。
Panel GitHub 面板内容，中心 它在示例中被利用 Hub 。 它是包含切换按钮以及“确定/取消”按钮的内容。 它可用作自定义面板或对话内容。
透视表 GitHub Web 选项卡 它将“示例透视”透视（选项卡）添加到“组织”（项目集合）主页，旁边是“项目”、“我的工作项”和“我的拉取请求”。
药 GitHub 药丸提供者 它将药片添加到管道定义（运行）页的标题。
QueryParamsHandler GitHub 事件订阅 每当加载任何页面时 URL 中存在“showMyPanel”查询参数时，它将添加在任何页面上加载的服务。 启动服务显示 Panel 示例中的自定义面板，使用可选的“myPanelTitle”查询参数作为面板标题。
RepositoryActions GitHub 菜单项 它将“示例存储库操作”菜单项添加到代码中心页面标头中的存储库选取器。 如果提供了属性 href ，则单击该操作将导航到给定 URL。 如果提供了一个 uri 代码，则单击该操作时将执行该代码。
RepositoryServiceHub GitHub 集线器 它将“存储库信息”中心添加到 Code 中心组。 它演示如何与 IVersionControlRepositoryService 用户当前选定的 Git 存储库进行交互以获取有关用户当前所选 Git 存储库的基本信息。
WorkItemFormGroup GitHub 工作项窗体组 它将“Sample WorkItem Form Group”扩展添加到 workitem 窗体，以显示如何与IWorkItemFormService服务交互。IWorkItemNotificationListener 它为 UI 提供演示如何使用表单服务更改字段值和显示工作项表单通知事件的情况。
WorkItemOpen GitHub 集线器 它将“Sample WorkItem Open”中心添加到 Boards 中心组，以显示如何与 IWorkItemFormNavigationService 服务交互。 它为 UI 提供打开现有工作项（按 ID）或打开新工作项的工作项窗体（按工作项类型）。 其中任一选项在主机帧中打开一个对话框。
色阶工作项窗体自定义控件 GitHub 工作项窗体控件 向下拉列表中的值添加颜色编码。
文件夹管理 GitHub 上下文菜单操作（代码资源管理器树） 从代码资源管理器树在源存储库中创建文件夹。 无需克隆存储库或安装额外的工具。
脱机测试执行 GitHub “测试计划”选项卡 允许测试人员执行测试步骤，即使与 Azure DevOps 断开连接也是如此。 可以使用导出的 Excel 电子表格完成此操作。
发布管理实用工具任务 GitHub 发布管理任务 发布管理的实用工具任务。
汇总板 GitHub 仪表板小组件 此小组件显示看板每列中的卡数。
示例数据小组件 GitHub 仪表板小组件 在 Team Services 项目中创建示例数据。
状态模型可视化 GitHub 工具栏操作（工作项），中心 可视化所选工作项类型的状态模型。
团队日历 GitHub 中心、事件源 跟踪对团队很重要的事件、查看和管理休息日、快速查看冲刺开始和结束时间等。
团队项目运行状况 GitHub 仪表板小组件 使用户能够直观显示生成的整体运行状况，并提供类似于 Codify 生成灯的视觉提示。
WSJF（加权最短作业优先） GitHub 通知（工作项）、上下文菜单操作（工作项） 自动计算每个工作项的 WSJF（加权最短作业），并将其存储在工作项字段中。
级联列表 GitHub 工作项窗体 为工作项窗体中的选取列表定义级联行为。

如何开始使用

为了尽快开始操作，有一个 种子项目 可用，其中包含使用 TypeScript 生成扩展所需的文件。 若要自动生成、打包和发布扩展，将添加一个 grunt 脚本。