{"id":23570,"date":"2024-12-13T04:55:56","date_gmt":"2024-12-13T12:55:56","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=23570"},"modified":"2024-12-16T08:09:17","modified_gmt":"2024-12-16T16:09:17","slug":"preview-the-github-copilot-extension-for-teams-toolkit","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/preview-the-github-copilot-extension-for-teams-toolkit\/","title":{"rendered":"Preview the GitHub Copilot extension for Teams Toolkit"},"content":{"rendered":"<p>Are you ready to enhance your journey in building Teams applications and customizing Microsoft 365 Copilot? Introducing the <a href=\"https:\/\/github.com\/marketplace\/teamsapp\"><strong>GitHub Copilot for Teams Toolkit<\/strong><\/a>\u2014your companion in Visual Studio Code, Visual Studio, and GitHub.com. It is an extension of GitHub Copilot, providing you with an enhanced developing experience in chat. From getting started to tackling your challenges, let AI-powered chat take your development easier.<\/p>\n<h2>How to enable GitHub Copilot for Teams Toolkit?<\/h2>\n<p>In the <a href=\"https:\/\/github.com\/marketplace?type=apps&amp;copilot_app=true\">&#8216;Copilot&#8217; category of GitHub Marketplace<\/a>, you can find and install the <a href=\"https:\/\/github.com\/marketplace\/teamsapp\">GitHub Copilot extension for Teams Toolkit<\/a>. Once it is installed, you can invoke this extension from GitHub Copilot Chat in Visual Studio Code, Visual Studio, and GitHub.com.<\/p>\n<p><img decoding=\"async\" width=\"2491\" height=\"1237\" class=\"wp-image-23571 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-1.png\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-1.png 2491w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-1-300x149.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-1-1024x509.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-1-768x381.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-1-1536x763.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-1-2048x1017.png 2048w\" sizes=\"(max-width: 2491px) 100vw, 2491px\" \/><\/p>\n<h2>How can you use GitHub Copilot for Teams Toolkit?<\/h2>\n<p>Simply type &#8220;<code>@teamsapp<\/code>&#8221; in GitHub Copilot Chat and then answer your question about building Teams apps or customizing and extending Microsoft 365 Copilot.<\/p>\n<ul>\n<li>Explore Teams app or Microsoft 365 Copilot agent development with prompts such as:<\/li>\n<\/ul>\n<blockquote><p><em>\u201cWhat types of apps can I build for Teams?\u201d<\/em><\/p>\n<p style=\"text-align: left;\"><em>\u201cHow can I create a real-world Teams app?\u201d<\/em><\/p>\n<p style=\"text-align: left;\"><em>\u201cWhat\u2019s the difference between declarative and custom agents?\u201d<\/em><\/p>\n<\/blockquote>\n<ul>\n<li>Provide details about your intended Teams app or Microsoft 365 Copilot agent to get relevant sample or template to get started:<\/li>\n<\/ul>\n<blockquote><p><em>\u201cI want to create a ToDo list Teams app.\u201d<\/em><\/p>\n<p><em>\u201cI want to build a Microsoft 365 Copilot agent.\u201d<\/em><\/p><\/blockquote>\n<ul>\n<li>Resolve issues encountered during Teams app or Microsoft 365 agent development.<\/li>\n<\/ul>\n<blockquote><p><em>\u201cMy Teams app doesn\u2019t sideload when debugging with Teams Toolkit.\u201d<\/em><\/p>\n<p><em>\u201cMy tab app SSO is not working on mobile platform.\u201d<\/em><\/p><\/blockquote>\n<p><img decoding=\"async\" width=\"745\" height=\"1090\" class=\"wp-image-23572 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-2.png\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-2.png 745w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-2-205x300.png 205w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-2-700x1024.png 700w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/p>\n<p>Meanwhile, when using Visual Studio Code, you can also switch your <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=TeamsDevApp.ms-teams-vscode-extension\">Teams Toolkit extension<\/a> to prerelease version (<span data-teams=\"true\">v5.11.2024112909+<\/span>). It will lead you to use this extension with GitHub Copilot chat to simplify your experience.<\/p>\n<p><img decoding=\"async\" width=\"939\" height=\"202\" class=\"wp-image-23573 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-3.png\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-3.png 939w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-3-300x65.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2024\/12\/word-image-23570-3-768x165.png 768w\" sizes=\"(max-width: 939px) 100vw, 939px\" \/><\/p>\n<h2>Help shape the future of @teamsapp<\/h2>\n<p>We are excited to expand @teamsapp during the public preview. We would like to hear your thoughts or any issues with this extension. You can submit a GitHub issue from <span data-teams=\"true\"> <a id=\"menurcmq\" class=\"fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn\" title=\"https:\/\/github.com\/officedev\/teams-toolkit\/issues\/new\/choose\" href=\"https:\/\/github.com\/OfficeDev\/teams-toolkit\/issues\/new\/choose\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Link here\">here<\/a> or complete this <a id=\"menurcms\" class=\"fui-Link ___1q1shib f2hkw1w f3rmtva f1ewtqcl fyind8e f1k6fduh f1w7gpdv fk6fouc fjoy568 figsok6 f1s184ao f1mk8lai fnbmjn9 f1o700av f13mvf36 f1cmlufx f9n3di6 f1ids18y f1tx3yz7 f1deo86v f1eh06m1 f1iescvh fhgqx19 f1olyrje f1p93eir f1nev41a f1h8hb77 f1lqvz6u f10aw75t fsle3fq f17ae5zn\" title=\"https:\/\/aka.ms\/teamsapp\/feedback\" href=\"https:\/\/aka.ms\/teamsapp\/feedback?request=blog\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Link survey\">survey<\/a><\/span>. Your feedback is greatly appreciated and will be helpful for us to shape the future of this extension. We are looking forward to seeing how you use this GitHub Copilot extension in your app lifecycle.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducing the GitHub Copilot for Teams Toolkit\u2014your companion in Visual Studio Code, Visual Studio, and GitHub.<\/p>\n","protected":false},"author":31626,"featured_media":23627,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[390,128],"tags":[389,23,55,44],"class_list":["post-23570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-365-copilot","category-microsoft-teams","tag-github-copilot","tag-teams-toolkit","tag-visual-studio","tag-visual-studio-code"],"acf":[],"blog_post_summary":"<p>Introducing the GitHub Copilot for Teams Toolkit\u2014your companion in Visual Studio Code, Visual Studio, and GitHub.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/23570","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\/31626"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=23570"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/23570\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/23627"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=23570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=23570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=23570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}