.NET MAUI XAML Productivity Boost in VS Code is HERE!!! Hot Reload & IntelliSense!!!

Ғылым және технология

The time is now! Brand new features land in VS Code for .NET MAUI including XAML Hot Reload and XAML IntelliSense. I walk through setting up VS Code for .NET MAUI development and what you need to enable these brand new features. Let's go!
Links:
.NET MAUI in VS Code Installation: learn.microsoft.com/en-us/dot...
.NET MAUI Extension: marketplace.visualstudio.com/...
C# Dev Kit: code.visualstudio.com/docs/cs...
Chapters:
00:00 - Intro
00:26 - Installation of .NET MAUI Extensions for VS Code
01:41- Creating a .NET MAUI Project
03:20 - XAML IntelliSense Overview
05:20 - Enabling and Using XAML Hot Reload
09:00 - Wrap-up
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagno.myspreadshop....
☕️ Buy me a coffee - www.buymeacoffee.com/jamesmon...
Follow:
👨‍💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco.myshopify.com/
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
My Setup:
📷 Canon M50 Mark II - amzn.to/3P8R7lp
💡 Nanoleaf Elements Lights - amzn.to/3umwJVW
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
Using links I provide I may receive a commission if you buy something which helps support the channel.
#dotnet #dotnetmaui #vscode #xaml #hotreload

Пікірлер: 36

  • @EeKayOnline
    @EeKayOnlineАй бұрын

    Really neat to see this great and IMO necessary productivity bumping feature is on board once again 👍🏻

  • @yoanhg421
    @yoanhg421Ай бұрын

    James, I love your videos. I’ve been watching since you were doing Xamarin tutorials. I kinda gave up on MAUI and the whole dotnet a while back because Microsoft can’t get it together. I was never able to get Maui working on Mac. And once it kinda worked they decided to kill VS for Mac and everything took 3 steps back. Now we are on MAUI 8 and it’s already halfway thru its lifecycle. I would really love to see companies stop releasing half baked software in this Early Access Era just so they are first to market or whatever. Keep up the good work. One day when the toolchain actually works your videos will be invaluable. 👍

  • @ArkFen
    @ArkFenАй бұрын

    great news! thanks for good job as always!

  • @zopenzop2225
    @zopenzop2225Ай бұрын

    I wanted this so badly back when I used WPF on a daily basis, it's great they're finally bringing native windows development to VScode too

  • @Autystyczny

    @Autystyczny

    10 күн бұрын

    it doesn't work for WPF though ;)

  • @DannysGalaxyTab
    @DannysGalaxyTabАй бұрын

    Wow, I've been waiting for this. I've been using the Dotnet Meteor extension for Hot Reload but I've had to do most of my stuff in full VS due to the fact I need a little Intellisense to be productive.

  • @Bedbugs-fp8hg
    @Bedbugs-fp8hgАй бұрын

    Maui really getting better and easy ❤

  • @directionsys
    @directionsysАй бұрын

    Nice! So awaited feature

  • @KTravelet1
    @KTravelet1Ай бұрын

    ugh, still cant get this working with preview version. I'm getting the following error on Mac M1 trying to hot reload on Mac app: "Changes made in project 'MauiApp1 (net8.0-maccatalyst)' require restarting the application: Changes are not allowed with the targeted ARM64 CLR version. Consider switching to .NET 7 or newer."

  • @mattrobb3566
    @mattrobb3566Ай бұрын

    Thanks v useful. Any feel for how long it will be before the current pre-release version is released? I am always wary of creating clients apps with pre-release versions.

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    Depends on feedback. To be honest there is so little reason not to flip the switch to try it out. You can go back to stable in 5 seconds.

  • @dusrdev
    @dusrdevАй бұрын

    Is there some estimation on when this will work on the release version of the plugins? I find that with the pre-release I have tons of bugs, including that intellisense (even the regular code one), stops randomly, the formatter doesn't account for .editorconfig. and tons more, it is basically unusable...

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    For editorconfig or general intellisense give feedback here: github.com/dotnet/vscode-csharp

  • @TonyLugg-bf4tq
    @TonyLugg-bf4tqАй бұрын

    Any chance of getting Pair to Mac and being able to debug on remote devices (not simulators)?

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    Only from VS 2022

  • @conmeomunbencuaso
    @conmeomunbencuasoАй бұрын

    Does hot-reload work on Blazor hybrid (razor)?

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    C# & Razor Hot Reload for .NET, .NET MAUI, Blazor Hybrid in VS Code!!!!! #dotnet #vscode

  • @KTravelet1
    @KTravelet1Ай бұрын

    Is this going to work for Maui Blazer? Us non WPF people don’t want to touch/learn XAML.

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    Yup! checkout kzread.info/dash/bejne/e2h6xNqleZbNprg.html

  • @sabarinathg5704
    @sabarinathg5704Ай бұрын

    Is there is a way to open sln file through the code as a solution rather an editable code file

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    That is the solution explorer I showed in the video. It is part of the c# dev kit

  • @sabarinathg5704

    @sabarinathg5704

    Ай бұрын

    @@JamesMontemagno thank you. Finally for the first time I am able to run from VS Code

  • @yoanng336
    @yoanng336Ай бұрын

    Is it technically possible that at some point we will have XAML and C# instant hot reload on emulators and real devices?

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    In Visual Studio it works on devices as well. For VS Code it works right now on Android devices and coming soon for iOS devices.

  • @yoanng336

    @yoanng336

    Ай бұрын

    @@JamesMontemagno Thanks for your answer! So, it is safe to say that for MAUI development, the best Dx is going to be on windows with visual studio. Do you pair a mac to be able to provision for iOS dev?

  • @williamliu8985
    @williamliu8985Ай бұрын

    Will these goodies come to WPF?

  • @dusrdev

    @dusrdev

    Ай бұрын

    I don't think this is likely, WPF already has previews for the pages and user controls that show in real time as the code changes, obviously not in vscode, rather in visual studio, but all the new features added to vscode are meant to account for the fact that visual studio was never available in macos with the same features as windows, and simplified one that did has been discontinued. Aside from this, wpf inherently does not work on macos, so there's no reason to think many people will even attempt to develop it there.

  • @williamliu8985

    @williamliu8985

    Ай бұрын

    @@dusrdev I wonder if this will help unify WPF development into modern .NET development paths, rather than becoming increasingly obsolete and fragmenting .NET UI development tools. If VSCode is what Microsoft is really working towards, I hope WPF can get some love from there, too.

  • @dusrdev

    @dusrdev

    Ай бұрын

    @@williamliu8985 I love WPF, but unfortunately it seems Microsoft decided to replace it with Win-UI, which is also what .NET Maui uses under the hood on Windows. Therefore you could use .NET Maui and only target this platform if you wanted to. Alternatively, you could try other frameworks that really use WPF, like Avalonia or Uno. They have tooling of their own which have support for xaml IntelliSense.

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    There is a lot of investment in WPF. As a windows dev you have a lot of great options. i would really watch the sessions from build: kzread.info/dash/bejne/iYZotpRtnK_VhtI.html and kzread.info/dash/bejne/jJ6VrpWpfJC1pbA.html

  • @RicardoRojasPena
    @RicardoRojasPenaАй бұрын

    Setting up a dev environment in Linux is not an option yet! I tried in many different Distros and only in Debian and Ubuntu kind of works the maui workload. Forget about Fedora, Arch, openSUSE and all the others. And even when I could install maui-android it is not an option since you will be able to create projects targeting Android platform no iOS so.... IT DOES NOT WORK AT ALL....

  • @JamesMontemagno

    @JamesMontemagno

    Ай бұрын

    Fairly well documented and some blogs out there walking through additional setup for devices: techcommunity.microsoft.com/t5/educator-developer-blog/net-maui-on-linux-with-visual-studio-code/ba-p/3982195 Every distro is going to be a bit different for installation. Only android development is available on Linux as documented as iOS/Windows SDKs aren't available there.

  • @oscarvera7263

    @oscarvera7263

    Ай бұрын

    Why do you need to install Net Maui on different Linux distros? I don’t see the point of doing that and for obvious reasons developing for Windows or Apple ecosystem from Linux is not possible

  • @RicardoRojasPena

    @RicardoRojasPena

    Ай бұрын

    @@oscarvera7263 I just don't want to use windows as my main OS. But I have already a MAUI project (Mobile, Android and iOS) created in windows that I can not that I cannot even compile in Linux. I tried in different diestros, none of them work sin in Linux, I can only install the maui-android workload. Hope you have a better understanding of my first comment.

  • @tanakamawere
    @tanakamawereАй бұрын

    38th here

Келесі