{"id":23661,"date":"2025-01-09T09:46:10","date_gmt":"2025-01-09T17:46:10","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=23661"},"modified":"2025-01-09T09:51:56","modified_gmt":"2025-01-09T17:51:56","slug":"teams-toolkit-for-visual-studio-code-update-january-2025","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/teams-toolkit-for-visual-studio-code-update-january-2025\/","title":{"rendered":"Teams Toolkit for Visual Studio Code update \u2013 January 2025"},"content":{"rendered":"<p>We&#8217;re kicking off the new year with exciting updates to the Teams Toolkit for Visual Studio Code! In this release, we&#8217;ve focused on improving the user experience, enhancing developer capabilities, and fixing known issues.<\/p>\n<h2>New features<\/h2>\n<h3>Refreshed user interface for getting started experience<\/h3>\n<p>We\u2019ve redesigned the <strong>getting started<\/strong> experience to make it more intuitive and user-friendly, incorporating feedback from the developer community. Key updates include:<\/p>\n<ul>\n<li>A <strong>streamlined navigation layout<\/strong> in the left panel, making it easier to access key functionalities.<img decoding=\"async\" width=\"1440\" height=\"960\" class=\"wp-image-23669\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-left-pane.png\" alt=\"Getting Started Left Pane\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-left-pane.png 1440w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-left-pane-300x200.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-left-pane-1024x683.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-left-pane-768x512.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/li>\n<li>An updated <strong>\u201cCreate New App\u201d dialog<\/strong>, featuring well-organized categories for quicker and easier app creation. <img decoding=\"async\" width=\"1440\" height=\"960\" class=\"wp-image-23670\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-create-new-app.png\" alt=\"Getting Started - Create New App\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-create-new-app.png 1440w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-create-new-app-300x200.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-create-new-app-1024x683.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-create-new-app-768x512.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/li>\n<li>Redesigned walkthrough guides for <strong>Teams bots<\/strong> and <strong>declarative agents<\/strong>, ensuring a smooth onboarding experience for new developers. <img decoding=\"async\" width=\"1440\" height=\"960\" class=\"wp-image-23671\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-walkthrough.png\" alt=\"Getting Started Walkthrough\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-walkthrough.png 1440w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-walkthrough-300x200.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-walkthrough-1024x683.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/getting-started-walkthrough-768x512.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/li>\n<\/ul>\n<h3>Environment variable support for localization files<\/h3>\n<p>Developers can now integrate <strong>environment variables<\/strong> into their localized JSON files using the {{your_env_var}} syntax. During local debugging, provisioning, and publishing, Teams Toolkit resolves these variables dynamically. This ensures your application is well-equipped to adapt to different deployment environments.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" width=\"1431\" height=\"706\" class=\"wp-image-23672\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/environment-variable-support.png\" alt=\"Environment Variable Support\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/environment-variable-support.png 1431w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/environment-variable-support-300x148.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/environment-variable-support-1024x505.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/environment-variable-support-768x379.png 768w\" sizes=\"(max-width: 1431px) 100vw, 1431px\" \/><\/p>\n<h3>Integrated debugging for declarative agents<\/h3>\n<p>Debugging declarative agents is now more seamless than ever with integrated debugging support in Visual Studio Code. This enhancement allows developers to:<\/p>\n<ul>\n<li>Visualize responses and stack traces directly within the IDE.<\/li>\n<li>Troubleshoot efficiently without needing to leave the development environment. <img decoding=\"async\" width=\"1440\" height=\"960\" class=\"wp-image-23673\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/plugin-debugger.png\" alt=\"Plugin Debugger\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/plugin-debugger.png 1440w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/plugin-debugger-300x200.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/plugin-debugger-1024x683.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2025\/01\/plugin-debugger-768x512.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/li>\n<\/ul>\n<h3>Regenerate actions for declarative agents<\/h3>\n<p>Keep your declarative agents up-to-date effortlessly! With the integration of <strong>Microsoft Kiota<\/strong>, Teams Toolkit now enables developers to regenerate actions, ensuring alignment with the latest features and capabilities.<\/p>\n<h2>Enhancements<\/h2>\n<ul>\n<li><strong>Improved script Action Output with Native TTY Terminal UX<\/strong>: We\u2019ve enhanced the script action output by transitioning to the <strong>native TTY terminal user experience<\/strong>, addressing previous rendering issues in the Visual Studio Code output channel.<\/li>\n<li><strong>Enhanced teams-js SDK with Treeshaking Support<\/strong>: Teams Toolkit now includes an updated teams-js SDK, enabling <strong>treeshaking<\/strong> to optimize bundled packages. Unused TeamsJS functions are removed, boosting app performance and reducing bundle size.<\/li>\n<li><strong>Improved Authentication Actions for Declarative Agents<\/strong>:\n<ul>\n<li><strong>Expanded authentication options<\/strong> for action generation, including support for API keys in headers or queries, as well as bearer tokens.<\/li>\n<li>Enhanced support for registering OAuth configurations, with updated identity URIs in the format api:\/\/auth-{authGUID}.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Updated Validation Rules for Action Generation<\/strong>: To provide more flexibility, the following rules were updated:\n<ul>\n<li>Removed nested object validation.<\/li>\n<li>Removed JSON schema validation for non-JSON post bodies.<\/li>\n<li>Relaxed circular reference validation.<\/li>\n<li>Allowed HTTP server URLs in OpenAPI description files.<\/li>\n<li>Enabled scaffolding of declarative agent projects with unsupported authentication.<\/li>\n<li>Allowed APIs with multiple authentication methods.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>Bug fixes<\/h2>\n<ul>\n<li>Resolved an issue where bots would occasionally fail to respond during local debugging. <a href=\"https:\/\/github.com\/OfficeDev\/teams-toolkit\/pull\/12777\">#12777<\/a><\/li>\n<li>Fixed a bug where sample app details were not displayed when opening Teams Toolkit in GitHub Codespaces. <a href=\"https:\/\/github.com\/OfficeDev\/teams-toolkit\/pull\/12715\">#12715<\/a><\/li>\n<\/ul>\n<h2>Wrap-up<\/h2>\n<p>The January 2025 update continues our commitment to enhancing the developer experience and empowering you to build innovative solutions for Microsoft Teams. We\u2019re excited to see how you use these new features and improvements to create impactful apps. As always, we welcome your feedback\u2014let us know how we can further improve Teams Toolkit.<\/p>\n<p>Happy coding! \ud83c\udf89<\/p>\n<p><em>Follow us on <\/em><a href=\"http:\/\/twitter.com\/microsoft365dev\"><em>X (Twitter) \/ @Microsoft365Dev<\/em><\/a><em>, <\/em><a href=\"https:\/\/www.linkedin.com\/showcase\/microsoft365dev\"><em>LinkedIn<\/em><\/a><em>, and subscribe to the <\/em><a href=\"https:\/\/www.m365devpodcast.com\/\"><em>Microsoft 365 Developer Podcast<\/em><\/a><em>, and our <\/em><a href=\"https:\/\/www.youtube.com\/microsoft365developer\"><em>YouTube channel<\/em><\/a><em> to stay up to date on the latest developer news and announcements.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re kicking off the new year with exciting updates to Teams Toolkit for Visual Studio Code including a refreshed user interface for getting started and more!<\/p>\n","protected":false},"author":43243,"featured_media":23664,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,128],"tags":[361,251,23],"class_list":["post-23661","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-365-developer","category-microsoft-teams","tag-declarative-agents","tag-microsoft-365-copilot","tag-teams-toolkit"],"acf":[],"blog_post_summary":"<p>We\u2019re kicking off the new year with exciting updates to Teams Toolkit for Visual Studio Code including a refreshed user interface for getting started and more!<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/23661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/43243"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=23661"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/23661\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/23664"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=23661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=23661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=23661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}