Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to debug and develop Azure DevOps extension without deployment?

I want to develop a simple Azure DevOps extension which displays some data in the table. My extension is based on extension sample.

Can I debug this extension outside Azure DevOps without the complete deployment process described here? As a complete newbie to Azure DevOps I cannot imagine my development cycle when I should deploy every single change. Or can be deployment automated somehow?

like image 882
Karel Kral Avatar asked Nov 22 '19 16:11

Karel Kral


People also ask

How do I debug a DevOps extension?

Launch your VS Code project to debug against Azure DevOpsIn VS Code, press F5 to start debugging (making sure the webpack-dev-server is still running). The default launch configuration should be set to Launch Firefox.

Can you code in Azure DevOps?

After you create a new organization and project in Azure DevOps, you can begin coding with Git. To work with a Git repo, you clone it to your computer. Cloning a repo creates a complete local copy of the repo for you to work with.


1 Answers

You can use the Azure DevOps Extension Hot Reload and Debug.

Download and install the following tools:

  • Visual Studio Code
  • Firefox (because the VS Code Debugger for Chrome extension doesn't support iframes yet)
  • The Debugger for Firefox VS Code extension
  • The tfx-cli npm package
  • The webpack npm package
  • The webpack-dev-server npm package

In the above GitHub repo, you can find the full tutorial of how to debug the extension without deploying it. another tutorial also available here.

like image 187
Shayki Abramczyk Avatar answered Sep 16 '22 13:09

Shayki Abramczyk