Creating a UI extension

In the previous recipe, we saw how to create a build and release pipeline task to clean the directory. Pipeline tasks help you to use them in your build and release pipeline and assist you in automating the activities as per your task's logic.

In this topic, we will see how to create UI extensions that integrate and extend the user interface of the Azure DevOps Server. The UI extensions internal structure is similar to pipeline tasks—containing a manifest file, assets, and code files.

Because UI extensions integrate and run on the server (which is a web interface), you will always use JavaScript to write your core logic. Some of the popular UI extensions are as follows:

• Azure Artifacts: https://marketplace.visualstudio.com/items?itemName=ms.feed
• Delivery Plans: https://marketplace.visualstudio.com/items?itemName=ms.vss-plans
• Test Manager: https://marketplace.visualstudio.com/items?itemName=ms.vss-testmanager-web

In this recipe, we will build a UI extension that will customize...