{"id":243766,"date":"2023-07-11T09:44:38","date_gmt":"2023-07-11T16:44:38","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/visualstudio\/?p=243766"},"modified":"2023-07-11T09:44:38","modified_gmt":"2023-07-11T16:44:38","slug":"announcing-the-dotnet-maui-extension-for-visual-studio-code","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/announcing-the-dotnet-maui-extension-for-visual-studio-code\/","title":{"rendered":"Announcing the .NET MAUI extension for Visual Studio Code"},"content":{"rendered":"<p>Last month, we released the first preview of <a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/announcing-csharp-dev-kit-for-visual-studio-code\/\">C# Dev Kit<\/a>, a lightweight, editor-first experience that augments your C# development in Visual Studio Code with a Solution Explorer, native Test Explorer, AI-powered code authoring, and more.<\/p>\n<p>Today, we\u2019re excited to announce the first preview of the <a href=\"https:\/\/aka.ms\/mauidevkit-marketplace\">.NET MAUI extension<\/a>, which, paired with C# Dev Kit, gives you the tools you need to develop your cross-platform .NET mobile and desktop apps with VS Code on Windows, macOS, and Linux.<\/p>\n<p>You can <a href=\"https:\/\/aka.ms\/mauidevkit-marketplace\">try out the .NET MAUI extension<\/a> today \u2013 let us know what you think!<\/p>\n<p><img decoding=\"async\" width=\"1716\" height=\"948\" class=\"wp-image-243952 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/screens-screenshot-of-a-computer-description-auto.png\" alt=\"Screens screenshot of a computer Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/screens-screenshot-of-a-computer-description-auto.png 1716w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/screens-screenshot-of-a-computer-description-auto-300x166.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/screens-screenshot-of-a-computer-description-auto-1024x566.png 1024w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/screens-screenshot-of-a-computer-description-auto-768x424.png 768w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/screens-screenshot-of-a-computer-description-auto-1536x849.png 1536w\" sizes=\"(max-width: 1716px) 100vw, 1716px\" \/><\/p>\n<p>The .NET MAUI extension lets you develop and debug your app on devices, emulators, and simulators from VS Code. .NET MAUI and C# Dev Kit borrow some familiar features from Visual Studio to enhance your productivity, making your mobile and desktop development delightful with C# in VS Code.<\/p>\n<p><img decoding=\"async\" width=\"1427\" height=\"587\" class=\"wp-image-243953 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/word-image-243766-3.png\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/word-image-243766-3.png 1427w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/word-image-243766-3-300x123.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/word-image-243766-3-1024x421.png 1024w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/word-image-243766-3-768x316.png 768w\" sizes=\"(max-width: 1427px) 100vw, 1427px\" \/><\/p>\n<h2>What is the .NET MAUI Extension?<\/h2>\n<h3>Code editing powered by Roslyn<\/h3>\n<p>C# editing is backed by the newly updated <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ms-dotnettools.csharp\">open-source C# Extension<\/a>, giving you powerful IntelliSense code-completion. Along with the IntelliCode for C# Dev Kit extension, you get AI-assisted features such as whole-line completions and starred suggestions as you type.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-243954 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screen-shot-of-a-computer-program-description-a.png\" alt=\"A dropdown in a C# text editor showing intelligent autocomplete suggestions from IntelliCode\" width=\"650\" height=\"194\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screen-shot-of-a-computer-program-description-a.png 650w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screen-shot-of-a-computer-program-description-a-300x90.png 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/p>\n<p>When editing your XAML, you get lightweight syntax highlighting and autocomplete that learns from your habits as you type.<\/p>\n<h3>Debug to any target<\/h3>\n<p>The .NET MAUI extension makes it easy to debug and deploy your app to your different target devices (Android, iOS, macOS and Windows). Just pick your device through the \u201cLanguage Status\u201d popup by hovering over the curly braces { }, selecting \u201cDebug Target\u201d, then starting a debug session (F5).<\/p>\n<p>In this preview, we\u2019ve added the following device targets:<\/p>\n<ul>\n<li>On Windows, you can debug to your local Windows machine, Android emulators, and Android devices<\/li>\n<li>On macOS, you can debug locally on your Mac, on iOS simulators or devices, and Android emulators or devices<\/li>\n<li>On Linux, you can debug to Android emulators and devices<\/li>\n<\/ul>\n<p>For more information on what\u2019s new with .NET MAUI tooling in Visual Studio, see the <a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/visual-studio-2022-17-6-now-available\/#dotnet\">Visual Studio 17.6 release blog post<\/a>.<\/p>\n<h2>Get Started with .NET MAUI<\/h2>\n<p>Getting started with .NET MAUI in VS Code is easy. Just install the <a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ms-dotnettools.dotnet-maui\">.NET MAUI extension<\/a>, which automatically installs the C# Dev Kit and C# extensions for you. Log in with an existing Visual Studio subscription, then open or create a .NET MAUI project and start coding! Or you can follow the step-by-step walkthrough right in VS Code:<\/p>\n<p><em><img decoding=\"async\" class=\"wp-image-243955 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screenshot-of-a-computer-description-automatica.png\" alt=\"A screenshot of the dot net maui extension walkthrough in visual studio code\" width=\"997\" height=\"634\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screenshot-of-a-computer-description-automatica.png 997w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screenshot-of-a-computer-description-automatica-300x191.png 300w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screenshot-of-a-computer-description-automatica-768x488.png 768w\" sizes=\"(max-width: 997px) 100vw, 997px\" \/><\/em><\/p>\n<p>Given C# Dev Kit and the .NET MAUI extensions build on the same foundations as Visual Studio for some of its functionality, it uses the same license model as Visual Studio. This means it\u2019s free for individuals, as well as academia and open-source development, the same terms that apply to Visual Studio Community. For organizations, the C# Dev Kit and its family of extensions are included with Visual Studio Professional and Enterprise subscriptions, as well as\u00a0<a href=\"https:\/\/github.com\/features\/codespaces\">GitHub Codespaces<\/a>. For additional details see the\u00a0<a href=\"https:\/\/aka.ms\/vs\/csdevkit\/license\">license terms<\/a>.<\/p>\n<h2>What\u2019s Next? Share your Feedback!<\/h2>\n<p>This is only Preview 1, and we will continuously update the extension and its features based on your feedback so we can deliver a great experience for everyone..<\/p>\n<p>Please share your suggestions and report issues on this new experience through VS Code\u2019s <strong>Help &gt; Report Issue<\/strong> dialog. Select whether it\u2019s a bug, feature request, or performance issue, then select \u201cAn extension\u201d and \u201c.NET MAUI\u201d in the following dropdowns.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-243956 aligncenter\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screenshot-of-a-survey-description-automaticall.png\" alt=\"A screenshot of the report issue dialog in visual studio code\" width=\"691\" height=\"452\" srcset=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screenshot-of-a-survey-description-automaticall.png 691w, https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2023\/07\/a-screenshot-of-a-survey-description-automaticall-300x196.png 300w\" sizes=\"(max-width: 691px) 100vw, 691px\" \/><\/p>\n<p>You can also see all the suggestions and issues on both the .NET MAUI extension and C# Dev Kit at this <a href=\"https:\/\/github.com\/microsoft\/vscode-dotnettools\/issues\">GitHub repo<\/a>. Thanks for trying out this first preview. We can\u2019t wait to hear what you think!<\/p>\n<h2>More about the Visual Studio product family<\/h2>\n<p>Visual Studio continues to be our premier C# development tool, supporting the full range of .NET workloads and project types. C# Dev Kit and the .NET MAUI extensions are exciting steps for us to bring .NET development productivity to other parts of the Visual Studio product family. For more information on the latest features added to Visual Studio, check out the\u00a0<a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/visual-studio-2022-17-6-now-available\/\">Visual Studio 17.6 release announcement<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last month, we released the first preview of C# Dev Kit, a lightweight, editor-first experience that augments your C# development in Visual Studio Code with a Solution Explorer, native Test Explorer, AI-powered code authoring, and more. Today, we\u2019re excited to announce the first preview of the .NET MAUI extension, which, paired with C# Dev Kit, [&hellip;]<\/p>\n","protected":false},"author":1965,"featured_media":243770,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[155],"tags":[],"class_list":["post-243766","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-studio"],"acf":[],"blog_post_summary":"<p>Last month, we released the first preview of C# Dev Kit, a lightweight, editor-first experience that augments your C# development in Visual Studio Code with a Solution Explorer, native Test Explorer, AI-powered code authoring, and more. Today, we\u2019re excited to announce the first preview of the .NET MAUI extension, which, paired with C# Dev Kit, [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/243766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/users\/1965"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/comments?post=243766"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/243766\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/243770"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=243766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=243766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=243766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}