{"id":41256,"date":"2022-08-09T10:05:47","date_gmt":"2022-08-09T17:05:47","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/dotnet\/?p=41256"},"modified":"2022-08-18T10:07:09","modified_gmt":"2022-08-18T17:07:09","slug":"dotnet-maui-visualstudio-2022-release","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/dotnet\/dotnet-maui-visualstudio-2022-release\/","title":{"rendered":"Productivity comes to .NET MAUI in Visual Studio 2022"},"content":{"rendered":"<p>Today, we&#8217;re excited to announce that .NET Multi-platform App UI has graduated from preview and is available in the release edition of <a href=\"https:\/\/visualstudio.microsoft.com\/downloads\/\">Visual Studio 2022 on Windows<\/a>. Now, you have full access to productivity features that will help you build cross-platform native client apps with .NET faster than ever, and ship them to Android, iOS, macOS, and Windows from a single codebase.<\/p>\n<blockquote><p>This release also delivers the latest stability improvements of the .NET MAUI SDK, our fifth release since it GA&#8217;d in May 2022. Find all the <a href=\"https:\/\/github.com\/dotnet\/maui\/releases\">release notes on GitHub<\/a>.<\/p><\/blockquote>\n<p>You can also tune in NOW to watch the <a href=\"https:\/\/focus.dotnetconf.net\">.NET Conf: Focus on MAUI<\/a> live stream happening today. Ask questions live and learn all about developing native mobile and desktop apps with .NET MAUI.<\/p>\n<h2>One Project, Many Platforms<\/h2>\n<p>.NET MAUI provides a single project that handles all the multi-targeting across devices and their platforms.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2022\/08\/single_project.png\" alt=\"Single project, multiple targets\" \/><\/p>\n<p>Any platform-specific assets are placed in sub-folders so you can focus where you spend the majority of your effort &#8211; writing shared UI and code. The project contains a Resources folder so you have a single place to manage your app\u2019s fonts, images, app icon, splash screen, raw assets, and styling. .NET MAUI does all the work to optimize them for each platform\u2019s unique requirements.<\/p>\n<h2>Visual and Live<\/h2>\n<p>We&#8217;ve built tools to help you develop your app without slowing you down or waiting for a rebuild. Hot Reload, Live Visual Tree, and <a href=\"https:\/\/docs.microsoft.com\/visualstudio\/xaml-tools\/xaml-live-preview?view=vs-2022\">XAML Live Preview<\/a> speed up your development time by allowing you to apply code changes and see them immediately. With <a href=\"https:\/\/docs.microsoft.com\/dotnet\/maui\/xaml\/hot-reload\">XAML Hot Reload<\/a>, you can make changes to your UI and see them in the running app with your real data right away. With <a href=\"https:\/\/docs.microsoft.com\/visualstudio\/debugger\/hot-reload?view=vs-2022\">.NET Hot Reload<\/a>, you can make changes to your code, save, and see those changes as well without losing your application state.<\/p>\n<p><video autoplay=\"autoplay\" loop=\"loop\" controls=\"controls\" width=\"100%\" height=\"150\"><source src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2022\/08\/visual-live-demo.mp4\" type=\"video\/mp4\" \/><\/video><\/p>\n<p>Using XAML Live Preview, you can capture the app&#8217;s UI and bring it into a docked window within Visual Studio. This makes it easier to use XAML Hot Reload to change the app and then view those changes in real time as you make them. This is particularly useful if you don&#8217;t have multiple monitors or are debugging onto a device that you can&#8217;t screen mirror. Just F5 debug, start editing the XAML layout, and you will see the changes. You can also hover over each element in the XAML Live Preview window to see the specifications of the control. Click it, and it will navigate directly to the XAML for you.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2022\/08\/visual-live-zoom.png\" alt=\"Live Preview on hover\" \/><\/p>\n<p>You can use the Live Visual Tree to quickly navigate to your XAML as well. Click the angle brackets next to the name of the control in the tree and the editor will navigate to the code that element is defined.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2022\/08\/visual-tree.png\" alt=\"Live visual tree\" \/><\/p>\n<h2>Powerful Editors<\/h2>\n<p>With AI-assisted code suggestions, your app basically writes itself! <a href=\"https:\/\/docs.microsoft.com\/visualstudio\/intellicode\/intellicode-visual-studio\">IntelliCode<\/a> gives you a powerful set of automatic code completions that understand .NET MAUI app UI and code. Start typing and it will understand your code context, variable names, functions, and the type of code you&#8217;re writing so it can provide better IntelliSense and even suggest whole line completions. This is incredibly helpful, particularly for those just getting started building apps.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2022\/08\/intellicode.png\" alt=\"IntelliCode in action, Productivity comes to .NET MAUI in Visual Studio 2022\" width=\"1379\" height=\"895\" \/><\/p>\n<p>You also get the full power of the Visual Studio 2022 64-bit IDE, the latest C# 10 features, and improved tools for live unit testing, source control, and team collaboration. Read all about what&#8217;s available in the 17.3 release, as well as Visual Studio 2022 17.4 Preview 1 that released today, on the <a href=\"https:\/\/devblogs.microsoft.com\/visualstudio\/\">Visual Studio team blog<\/a>.<\/p>\n<h2>In Preview Now: Visual Studio for Mac Support<\/h2>\n<p>We&#8217;ve been working hard to get many of these amazing tools ready for our Mac developers, too. To use .NET MAUI on your Mac, install the new <a href=\"https:\/\/visualstudio.microsoft.com\/vs\/mac\/preview\/\">Visual Studio 2022 for Mac (17.4 Preview 1)<\/a>. Visual Studio 2022 for Mac will GA .NET MAUI tooling support later this year.<\/p>\n<h2>Get Started Today<\/h2>\n<p>To get started using .NET MAUI on Windows, <a href=\"https:\/\/visualstudio.microsoft.com\/downloads\/\">install or update Visual Studio 2022<\/a> to version 17.3. In the installer, choose the workload \u201c.NET Multi-platform App UI development\u201d.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2022\/08\/maui_workload.png\" alt=\"Visual Studio installer window, Productivity comes to .NET MAUI in Visual Studio 2022\" width=\"2161\" height=\"1094\" \/><\/p>\n<blockquote><p>Note: We do not currently recommend installing .NET 7 Preview 7 at this time if you are building .NET MAUI apps with Visual Studio 2022.<\/p><\/blockquote>\n<p>Please report any issues with .NET MAUI in Visual Studio by clicking the &#8220;Send Feedback&#8221; icon in the upper right corner of Visual Studio.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/devblogs.microsoft.com\/dotnet\/wp-content\/uploads\/sites\/10\/2022\/08\/vs-feedback.png\" alt=\"send feedback icon\" \/><\/p>\n<p>Thank you for helping us make .NET MAUI in Visual Studio a fantastic release! We can&#8217;t wait to see what you build!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visual Studio 2022 17.3 is now available and delivers spectacular productivity features for .NET Multi-platform App UI (.NET MAUI).<\/p>\n","protected":false},"author":1965,"featured_media":41257,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[685,7233],"tags":[7238,7597],"class_list":["post-41256","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dotnet","category-maui","tag-net-maui","tag-visual-studio-2022"],"acf":[],"blog_post_summary":"<p>Visual Studio 2022 17.3 is now available and delivers spectacular productivity features for .NET Multi-platform App UI (.NET MAUI).<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/41256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/users\/1965"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/comments?post=41256"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/41256\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media\/41257"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media?parent=41256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/categories?post=41256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/tags?post=41256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}