TechPrufer
Get started
Microsoft
Microsoft logoMicrosoft · Feature trail

Azure DevOps Extension Debugging and Hot Reload

2 posts · Aug 2012 – Jun 2019

What this trail covers

This thread tracks the evolution of debugging and hot-reloading capabilities for Azure DevOps extensions. Initially focusing on streamlining the development workflow by enabling direct debugging and hot-reloading from local environments, it has expanded to cover various aspects of extension development and deployment. The goal is to accelerate the development cycle for Azure DevOps extensions.

All Microsoft trails
  1. Bootstrapping Azure DevOps extensions with YeomanIntroduced the Yeoman generator `@microsoft/generator-azure-devops-extension` to bootstrap new Azure DevOps extension projects. This generator creates a project structure with necessary configuration files for debugging and hot-reloading extensions directly in Visual Studio Code, offering a faster development loop compared to the TFX CLI's `tfx extension init` command which lacks these debugging capabilities.
  2. Streamlining Azure DevOps extension developmentThis post details a new workflow for developing Azure DevOps extensions that allows for debugging and hot-reloading directly from a local development environment (IDE/editor) instead of redeploying to the marketplace for each change. It outlines specific steps: reconfiguring `vss-extension.json` with a `dev.json` override for local development, updating `webpack.config.json` to enable source maps and configure the dev server, setting up Firefox debugging in VS Code's `launch.json`, installing and running `webpack-dev-server`, and deploying a development version of the extension using `tfx-cli` with the `dev.json` override. This approach leverages Azure DevOps' capability to load content from localhost, enabling hot reloading and debugging in Visual Studio Code.
  3. Enable Remote Audio Capture to when Testing or Providing Feedback on Remote MachinesThis post details how to enable remote audio capture for feedback and testing sessions on remote machines. It involves configuring audio redirection settings on the remote machine via a registry key modification and enabling 'Record from this computer' in the Remote Desktop Connection settings. It also provides instructions for setting a default microphone on the local computer and links to relevant documentation for Exploratory Testing, Manual Tests, and Feedback Manager.