Teams Toolkit for Visual Studio Code update – March 2023

Junjie Li

Welcome to the March 2023 update for Teams Toolkit on Visual Studio Code! In this update, we will bring you what’s the latest with Microsoft Teams app development using Teams Toolkit for Visual Studio Code.

Teams Toolkit 4.2.4

We introduced Teams Toolkit support for SharePoint Framework versions 1.16.0. This version offers support for Teams JavaScript SDK v2, so you can build experiences that run in Teams, Outlook, and the Microsoft 365 app.

Teams Toolkit has been upgraded to support the latest version of SharePoint Framework version 1.16.1 in the scaffold template

Now we are thrilled to announce that Teams Toolkit has been upgraded to support the latest version of SharePoint Framework version 1.16.1 in the scaffold template. SharePoint Framework v1.16.1 includes fixes to solution packaging and scaffolding issues, as well as other minor improvements.

To get started with Teams Toolkit and SharePoint Framework:

Teams Toolkit v5 pre-release

We recently announced a pre-release for the next major version of Teams Toolkit. We’re continuing to improve on this release based on your feedback. Here are some of the changes that are included in the pre-release:

Create, debug, and deploy an Outlook Add-in project

The current developer experience for building a Teams app vs building an Outlook Add-in is very different. Outlook Add-ins developer experience is primarily based on a series of templates generated through the command prompt. Teams has been relying on the Teams Toolkit in Visual Studio Code that provides templates, samples, and full stack debugging capabilities etc. The respective templates for Teams and Outlook projects are structurally very different, and even use completely different manifests.

Now, we are pleased to announce that we are bridging the gap between these two experiences with a unified developer experience in terms of tooling and unified manifest file.

Example of unified developer experience in terms of tooling and unified manifest file for Teams and Outlook

New features to support Outlook Add-in within Teams Toolkit

  • Create a new Outlook add-in project from Teams Toolkit.
  • Run and debug the app in Outlook client (*).
  • Deploy the Outlook add-in project to Azure.
  • Import an existing Outlook add-in project to the latest app manifest schema.
  • A new hello world style sample app that contains both Outlook add-in and Teams tab app.

* Please note that you need to be on Outlook for Windows, Beta Channel, Build 16320 or higher when developing Outlook add-ins. 

Improved full stack debugging experience for apps across Microsoft 365

Previously when you were trying to debug your personal tab app on Outlook and the Microsoft 365 app, you had to install the app first on Teams and then switch to Outlook and the Microsoft 365 app. There was also an additional manual step required to debug the search-based message extension on Outlook where you needed to configure the Outlook channel on dev.botframework.com.

With the latest Teams Toolkit pre-release, you can directly run your personal tab or search-based message extensions to Outlook and the Microsoft 365 app.

With the latest Teams Toolkit pre-release, you can directly run your personal tab or search-based message extensions to Outlook and the Microsoft 365 app. Teams Toolkit has also made troubleshooting easy with full stack debugging support including hot reload and attached debugger from Visual Studio Code.

Improved Command Execution UI

Another update is an improved user interface for command handling. Previously, you were able to trigger commands that didn’t allow concurrent execution and they failed. Now, such commands are disabled from the user interface. For example, when you execute `Provision in the cloud` command, other commands in the `Deployment` section will be disabled to prevent concurrent execution error.

Improved command execution UI

 

Developer Assist dashboard sample

As a developer, we spend most of our time in between Azure DevOps, GitHub, and internal task management tools such as Microsoft Planner. Now we are offering you a sample that brings all these features together within a single dashboard on Microsoft Teams that can be used by all the developers in your team and even has the capability to extend the app to Outlook web and the Microsoft 365 app.

Image TTK VS blog image 5

Bug fixes

  • Fixed an issue where you might see runtime errors on the Teams Toolkit extension page.
  • Fixed an issue where the app name is not shown properly on the scaffolding success message.
  • Fixed an issue for several how-to guides that don’t point to pre-release compatible versions.
  • Fixed an issue where the Deploy Teams app manifest option is missing.

Try Teams Toolkit pre-release today

Follow the steps in install a prerelease version to get started. We encourage you to provide feedback in TeamsFx GitHub issues to help us make Teams Toolkit better.

Learn more at Microsoft Teams Dev Center | APIs and app development. Follow us on @Microsoft365Dev)/Twitter for the latest news and announcements.

0 comments

Discussion is closed.

Feedback usabilla icon