{"id":17958,"date":"2024-01-25T08:00:59","date_gmt":"2024-01-25T16:00:59","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=17958"},"modified":"2024-01-25T08:30:02","modified_gmt":"2024-01-25T16:30:02","slug":"teams-toolkit-for-visual-studio-code-update-january-2024","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/teams-toolkit-for-visual-studio-code-update-january-2024\/","title":{"rendered":"Teams Toolkit for Visual Studio Code update \u2013 January 2024"},"content":{"rendered":"<p>Welcome to the latest update on Teams Toolkit for Visual Studio Code! In this release, we bring you a set of exciting new features, enhancements, and bug fixes to enhance your development experience.<\/p>\n<h2>New features<\/h2>\n<p><strong>Deploy Tab Apps to Static Web App<\/strong>: We are thrilled to announce that Azure Static Web Apps is now the default solution for deploying Tab-based applications in Teams Toolkit. For those who prefer the older method using Azure Storage, you can refer to this <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx-Samples\/tree\/dev\/hello-world-tab-codespaces\" target=\"_new\" rel=\"noopener\">sample<\/a>.<\/p>\n<h2>Enhancements<\/h2>\n<ul>\n<li><strong>Clean up .deployment folder in between Deployments<\/strong>: Teams Toolkit now intelligently cleans up the <strong>.deployment<\/strong> folder in the build directory before each deployment. This not only addresses a <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/issues\/10075\" target=\"_new\" rel=\"noopener\">known issue<\/a> but also significantly reduces deployment time.<\/li>\n<li><strong>Optimized Dev Tunnel Expiration<\/strong>: Inactive Dev Tunnel instances will now be automatically cleaned up after an hour, mitigating Dev Tunnel instance limitation errors.<\/li>\n<li><strong>Log Level Settings<\/strong>: We&#8217;ve added log level settings to control the verbosity of Teams Toolkit logs. You can find these settings in the <a href=\"https:\/\/code.visualstudio.com\/docs\/getstarted\/settings\" target=\"_new\" rel=\"noopener\">User and Workspace Settings<\/a> under the <strong>Teams Toolkit<\/strong> section. <img decoding=\"async\" width=\"1440\" height=\"960\" class=\"wp-image-17959\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/logs.png\" alt=\"Logs\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/logs.png 1440w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/logs-300x200.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/logs-1024x683.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/logs-768x512.png 768w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/li>\n<li><strong>Richer Information in Sample App Details Page<\/strong>: The Sample app detail page now includes additional details from the project README file, such as the project description, prerequisites, and steps to run the project.<\/li>\n<li><strong>Improved Troubleshooting for Multi-tenant Scenario<\/strong>: Teams Toolkit now provides a <a href=\"https:\/\/aka.ms\/teamsfx-multi-tenant\" target=\"_new\" rel=\"noopener\">troubleshooting guide<\/a> for scenarios where the <strong>aadApp\/update<\/strong> action fails with a <strong>HostNameNotOnVerifiedDomain<\/strong> error in multi-tenant setups.<\/li>\n<li><strong>Optimized SPFx Solution Version Handling<\/strong>: Teams Toolkit now compares the SPFx solution version between global installations and the one used by Teams Toolkit when developers add additional web parts. Developers will be prompted if there&#8217;s a need to install or upgrade the solution version when differences are detected.<\/li>\n<\/ul>\n<h2>New additions to the Sample App Gallery<\/h2>\n<p><strong>Format Reddit link into Adaptive Card<\/strong>: Explore how to format a Reddit link into an Adaptive Card in Microsoft Teams conversations with this informative sample application. <img decoding=\"async\" width=\"1240\" height=\"641\" class=\"wp-image-17960\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/link-unfurling-sample.png\" alt=\"Link Unfurling Sample\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/link-unfurling-sample.png 1240w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/link-unfurling-sample-300x155.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/link-unfurling-sample-1024x529.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/link-unfurling-sample-768x397.png 768w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/><\/p>\n<h2>Teams Toolkit CLI v3.0.0 beta<\/h2>\n<p><img decoding=\"async\" width=\"1427\" height=\"922\" class=\"wp-image-17961\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/teams-toolkit-cli.png\" alt=\"Teams Toolkit CLI\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/teams-toolkit-cli.png 1427w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/teams-toolkit-cli-300x194.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/teams-toolkit-cli-1024x662.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/01\/teams-toolkit-cli-768x496.png 768w\" sizes=\"(max-width: 1427px) 100vw, 1427px\" \/><\/p>\n<p>Teams Toolkit CLI version 3 is now in public preview. Major changes include:<\/p>\n<ul>\n<li><strong>New Command Signature<\/strong>: Teams Toolkit CLI now starts with <strong>teamsapp<\/strong> as the root command signature for more clarity. We recommend changing your scripts to use <strong>teamsapp<\/strong> as the command prefix.<\/li>\n<li><strong>New Command Structure<\/strong>: Teams Toolkit CLI now has a new command structure that is more intuitive and easier to use. You can find the new command structure in the <a href=\"https:\/\/aka.ms\/teamsfx-toolkit-cli\" target=\"_new\" rel=\"noopener\">Teams Toolkit CLI Command Reference<\/a>.<\/li>\n<li><strong>New Doctor Command<\/strong>: <strong>teamsapp doctor<\/strong> is a new command that helps diagnose and fix common issues with Teams Toolkit and Teams application development.<\/li>\n<\/ul>\n<h2>Bug fixes<\/h2>\n<p>We&#8217;ve addressed several issues to provide you with a smoother experience:<\/p>\n<ul>\n<li><strong>User Canceled Error<\/strong>: Fixed an issue where you might see a <strong>User canceled<\/strong> error when canceling a new app creation. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10691\" target=\"_new\" rel=\"noopener\">#10691<\/a><\/li>\n<li><strong>Node.js Installation Link<\/strong>: Fixed an issue where the Node.js installation link redirects to a 404 page. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10587\" target=\"_new\" rel=\"noopener\">#10587<\/a><\/li>\n<li><strong>Copilot Access Status<\/strong>: Addressed an issue with the accuracy of reflecting the latest Copilot Access status. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10555\" target=\"_new\" rel=\"noopener\">#10555<\/a><\/li>\n<li><strong>Debug Configuration Name<\/strong>: Fixed an issue where the debug profile name for Microsoft Teams is not accurately reflected in the debug configuration. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10478\" target=\"_new\" rel=\"noopener\">#10478<\/a><\/li>\n<li><strong>Application Name Length Limit<\/strong>: Fixed an issue where you might accidentally exceed the maximum length of application names without any warning messages. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10457\" target=\"_new\" rel=\"noopener\">#10457<\/a><\/li>\n<li><strong>Undefined in Validation Summary<\/strong>: Fixed an issue where <strong>undefined<\/strong> is printed in Teams application validation summary. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10445\" target=\"_new\" rel=\"noopener\">#10445<\/a><\/li>\n<li><strong>Changelog File Popup<\/strong>: Fixed an issue where you might accidentally see the incorrect changelog file popped up. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10390\" target=\"_new\" rel=\"noopener\">#10390<\/a><\/li>\n<li><strong>Sample App Gallery Multi-selection Order<\/strong>: Fixed an issue in Sample App Gallery where the multi-selection did not follow the order of the selection. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10364\" target=\"_new\" rel=\"noopener\">#10364<\/a><\/li>\n<li><strong>Sample App Gallery UI Improvements<\/strong>: Fixed a number of issues in the Sample App Gallery UI. <a href=\"https:\/\/github.com\/OfficeDev\/TeamsFx\/pull\/10363\" target=\"_new\" rel=\"noopener\">#10363<\/a><\/li>\n<\/ul>\n<p><em>Thank you for your continued feedback. Download the <\/em><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/toolkit\/install-teams-toolkit?tabs=vscode&amp;pivots=visual-studio-code-v5#install-a-pre-release-version\"><em>latest prerelease of Teams Toolkit<\/em><\/a><em> and explore these new features and improvements today!<\/em><\/p>\n<p><em>Follow us on <a href=\"http:\/\/twitter.com\/microsoft365dev\">X (Twitter) \/ @Microsoft365Dev<\/a> and subscribe to our <a href=\"https:\/\/www.youtube.com\/microsoft365developer\">YouTube channel<\/a> to stay up to date on the latest developer news and announcements.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our latest release brings a new set of exciting new features, enhancements, and bug fixes to enhance your development experience.<\/p>\n","protected":false},"author":43243,"featured_media":18033,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128],"tags":[257,23,44],"class_list":["post-17958","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","tag-adaptive-cards","tag-teams-toolkit","tag-visual-studio-code"],"acf":[],"blog_post_summary":"<p>Our latest release brings a new set of exciting new features, enhancements, and bug fixes to enhance your development experience.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/17958","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=17958"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/17958\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/18033"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=17958"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=17958"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=17958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}