Table of Contents

Tutorial: Eine neue Uno Anwendung erstellen

In dieser Anleitung lernst du, wie du eine Uno Platform Anwendung mittels des Wizard oder dotnet CLI erstellen kannst um beispielsweise das Xaml Navigation App Tutorial zu verfolgen.

Um dem folgen zu können, solltest du zuvor die Anleitung Entwicklungsumgebung einrichten durchlaufen haben.

Video Tutorial zur Konfiguration

Eine Uno App via Template erstellen und konfigurieren

Im folgenden wirst du lernen, wie du eine Uno App konfigurieren kannst, indem du die gewünschten Optionen auswählst. Du kannst entweder den Visual Studio Wizard verwenden oder das dotnet CLI Tool nutzen. Bei letzterem empfiehlt es sich, den Web Wizard zu besuchen, um die Konfiguration zu erleichtern und den passenden dotnet new Command zu erhalten!

Template auswählen

  1. Öffne Visual Studio 2022 und wähle im Startfenster "Neues Projekt erstellen" aus.

  2. Suche nach dem Template "Uno App" und wähle es aus. Klicke auf "Weiter".

    select-template

  3. Gib deinem Projekt einen Namen und aktiviere die Option "Projekt im selben Verzeichnis wie die Lösung erstellen". Anschließend klicke auf "Erstellen".

    place-project-in-sln

Der Template Wizard

Wähle die folgenden Optionen im Visual Studio Wizard aus, um deine App zu konfigurieren: (am beispiel des Xaml Navigation App Tutorials)

  1. Verwende das Preset recommended

  2. Ziel-Framework: net9.0

  3. Als Platform wähle mindestens Desktop bzw. Skia Desktop aus.

  4. Markup: Xaml

    select-Xaml

  5. Präsentation: MVUX

    select-MVUX

  6. Wähle das Material Design Theme unter Themes aus.

    select-theme-optional-themeservice

    Tip

    Hier ist standardmäßig auch ThemeService angewählt, damit könntest du später dann auch zwischen hell und dunklem UI wechseln, der wird hier nicht direkt benötigt, kannst du aber wenn du möchtest drin lassen.

  7. Erweiterungen: Regions, DependencyInjection

    select-extensions

  8. (Optional) wähle das Uno Toolkit aus.

    select-toolkit-optional-vscode-debugging

    Tip

    Wenn du dir offen lassen möchtest, später in Visual Studio Code zu entwickeln, solltest du hier auch Visual Studio Code Debugging auswählen.

  9. Klicke nun zum Schluss auf Create, um die App zu generieren.

Edit this page