Enklere å bygge kryss­plattform .NET MAUI-apper med VS Code

Microsofts nye VS Code-tillegg for .NET MAUI er er klart, og gir .NET-utviklere mulighet for å utvikle kryssplattform-apper på både Mac og Windows.

Nå kan du installere den endelige versjonen av tillegget som gjør det mulig å utvikle .NET MAUI-apper i VS Code på både Windows og Mac. 📸: Kurt Lekanger / Microsoft
Nå kan du installere den endelige versjonen av tillegget som gjør det mulig å utvikle .NET MAUI-apper i VS Code på både Windows og Mac. 📸: Kurt Lekanger / Microsoft Vis mer

Microsoft har annonsert at deres VS Code-tillegg for utvikling av .NET MAUI-apper nå er tilgjengelig. Tillegget har eksistert i en forhåndsvisningsversjon siden juli i fjor, men skal nå være "produksjonsklart".

For de som ikke kjenner .NET MAUI, så er det Microsofts .NET kryssplattformrammeverk for å utvikle applikasjoner for iOS, Android, macOS og Windows.

Med .NET MAUI-tillegget for VS Code får du en samling med verktøy du trenger for å utvikle .NET MAUI-apper i VS Code-editoren i stedet for i Visual Studio.

Nyheten vil være spesielt velkommen for Mac-brukere, ettersom Microsoft har valgt å legge ned Visual Studio for Mac. Dermed er det altså VS Code og .NET MAUI-tillegget som er løsningen for Mac-brukere som vil lage kryssplattform .NET-apper.

VS Code-tillegget for .NET MAUI er nå klart for å brukes i produksjon, ifølge Microsoft. 📸: Microsoft
VS Code-tillegget for .NET MAUI er nå klart for å brukes i produksjon, ifølge Microsoft. 📸: Microsoft Vis mer

Bygger på C# Dev Kit og C#-utvidelsen

Microsofts Maddy Montaquila skriver i sin lanseringsbloggpost at .NET MAUI-utvidelsen er bygget på toppen av C# Dev Kit og C#-utvidelsen til VS Code.

Med dette får du blant annet:

  • Solution Explorer for å holde styr på alt av prosjekter og filer i et prosjekt
  • C# Hot Reload
  • C# IntelliSense

I tillegg gir .NET MAUI-utvidelsen deg muligheten til å "targete" både mobiltelefoner og PC-er, samt at du får XAML IntelliSense og XAML Hot Reload – som vi skal komme nærmere inn på.

Forbedret redigering av XAML

Forhåndsvisningsversjonen av .NET MAUI-utvidelsen hadde grunnleggende syntaks-utheving og kodefullføring for XAML, det XML-baserte språket som brukes for å definere grafiske brukergrensesnitt (GUI) i MAUI.

Dette var imidlertid ikke så bra som det burde vært, ifølge Microsoft. Selskapet har derfor i løpet av det siste året jobbet med å forbedre dette i Visual Studio, og nå tatt det over til den nye utvidelsen for VS Code.

– Dette tillegget, som også fungerer med Copilot, gir deg intelligent autofullføring, hjelpsomme "tooltips" og sømløs kodenavigering mens du lager UI-ene dine, skriver Maddy Montaquila i Microsoft.

"Hot Reload"

Det å kunne redigere koden og se endringene umiddelbart, uten å måtte restarte appen, har mye å si for produktiviteten.

I den nye og produksjonsklare versjonen av .NET MAUI-tillegget har du nå fått "hot reload"-støtte når du redigerer C#- og XAML-filer i VS Code. Det betyr at du kan redigere XAML-filen og umiddelbart se hvordan endringene påvirker UI-et.

Hot Reload for C#-filer må aktiveres manuelt i innstillingene. Når det er gjort kan du trykke flammeikonet for å se endringene dine i appen. 📸: Microsoft
Hot Reload for C#-filer må aktiveres manuelt i innstillingene. Når det er gjort kan du trykke flammeikonet for å se endringene dine i appen. 📸: Microsoft Vis mer

Hot reload for C#-filer er fortsatt på eksperimentstadiet, og må skrus på manuelt i VS Code-innstillingene.

Lurer du på hvordan du kommer igang med å lage en .NET MAUI-app i VS Code, så har Microsoft laget en fin gjennomgang her.