Skip to content

Debug in Teams Desktop Client

Junjie Li edited this page Jul 11, 2024 · 4 revisions

Teams Toolkit offers the ability to start debugging the application using the Teams Desktop Client

Benefits

  • Better performance and reliability
  • Reduce time-to-F5
  • Improve coverage of debug targets

How to use the feature

The debug in Teams Desktop Client feature is built in for the following application templates scaffolded by Teams Toolkit:

  • Copilot Plugin
  • Custom Copilot
  • Bot
  • Message Extension

Step 1: Login to your Microsoft 365 account from Teams Toolkit:

image

Step 2: Select the Debug in Teams (Desktop) from the Run and Debug panel and click the green arrow:

image

Step 3: Wait for the resource provision and you will notice a pop up that reminds you to make sure the account you used in Teams Toolkit matches the account you used in Teams desktop client. Click continue to proceed.

image

Step 4: Add the app in the app installation flyout

image

Step 5: Debug works the same as if it's in the Teams web client. You can put break points and hot reload your changes.

image

Important notes

  1. Before proceeding, make sure your Teams desktop login matches your current Microsoft 365 account used in Teams Toolkit, otherwise you will see an app not found error.
  2. The system-level notification will pop up only once per project. Next time you click Debug in Desktop Teams Toolkit will remind you about the account using notifications from VSCode.

image

Clone this wiki locally