|
| 1 | +--- |
| 2 | +uid: DevTKSS.Setup.DevelopmentEnvironment.de |
| 3 | +--- |
| 4 | + |
| 5 | +# 🛠️ Anleitung: Entwicklungsumgebung für Uno Platform Apps einrichten |
| 6 | + |
| 7 | +> Um mit der Entwicklung von Uno Platform Apps zu starten, werden ein paar Workloads benötigt. |
| 8 | +
|
| 9 | +Als ich das (in englischer Sprache) Ende 2024, wo ich selber mit C# und der App Entwicklung mit Uno Platform begann, las da sank meine Motivation schon ungemein. Und realistisch würde wohl keiner diese dann auch noch jedes mal vor Beginn der täglichen Software Entwicklungsarbeit dann auch nochmal auf Aktualität prüfen wollen, oder? |
| 10 | + |
| 11 | +Gut dass es Uno Check gibt, welches seit dem v6 Release direkt auch in der Visual Studio Uno Platform Extension inkludiert ist, welches genau diese Routineaufgabe für uns übernimmt! |
| 12 | + |
| 13 | +> [!TIP] |
| 14 | +> Solltest du bei der Ausführung des Tools Probleme haben, kannst du hier den zugehörigen [Offiziellen Guide zu Uno-Check von Uno Platform](https://platform.uno/docs/articles/external/uno.check/doc/using-uno-check.html) finden. |
| 15 | +
|
| 16 | +## 📺 Videoanleitung |
| 17 | + |
| 18 | +[!Video [How To: Einrichten unserer Uno Platform Entwicklungsumgebung](https://youtu.be/oI6IZVOeQBI)] |
| 19 | + |
| 20 | +> [!NOTE] |
| 21 | +> Die aktuellste Anleitung für deinen Start mit Uno Platform findest du immer im offiziellen [Quick Start Guide](https://platform.uno/docs/articles/get-started.html). |
| 22 | +
|
| 23 | +--- |
| 24 | + |
| 25 | +## Schritt für Schritt Anleitung zur Einrichtung |
| 26 | + |
| 27 | +*[IDE]: Integrierte Entwicklungs-Umgebung |
| 28 | + |
| 29 | +1. **Wähle und installiere deine bevorzugte IDE** |
| 30 | + |
| 31 | + > [!NOTE] |
| 32 | + > In diesem Guide wird Visual Studio 2022 Community Edition verwendet. Solltest du mit Rider oder Visual Studio Code arbeiten, informiere dich bitte im zuvor verlinkten Quick Start Guide über etwaige Abweichungen! |
| 33 | +
|
| 34 | + [Offizielle Installationsseite für Visual Studio - auch VS Code](https://visualstudio.microsoft.com) |
| 35 | + |
| 36 | +1. **Installiere die Uno Platform-Erweiterung** |
| 37 | + |
| 38 | + Erhältlich im [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=nventive.unoplatform) |
| 39 | + |
| 40 | +1. **Installiere `Uno.Check` über die Kommandozeile** |
| 41 | + |
| 42 | + ```bash |
| 43 | + dotnet tool install -g Uno.Check |
| 44 | + ``` |
| 45 | + |
| 46 | +1. **Starte `Uno.Check`, um deine Umgebung zu prüfen** |
| 47 | + |
| 48 | + Entweder via des zuvor schon genutzten Terminals: |
| 49 | + |
| 50 | + ```bash |
| 51 | + uno-check check |
| 52 | + ``` |
| 53 | + |
| 54 | + Oder wie zuvor schon erwähnt, können wir seit der 6. Version der Visual Studio Extension von Uno Platform `Uno.Check` bereits automatisch dort in unserer IDE verwenden. Also immer wenn wir unsere Projektmappe öffnen, läuft es automatisch durch, bzw. können wir es auch in dem Extensions Drop-Down Menü in Visual Studio > Uno Platform > `Run Uno.Check` auch manuell anstoßen. Es schaut dann nach, welche Endgeräte wir in unserer Projektdatei spezifiziert haben und prüft alle entsprechend benötigten Installationen auf Existenz, aber auch ob wir mit den neusten verfügbaren Versionen arbeiten. Das ist besonders dann hilfreich, wenn Fehlerbehebungen stattgefunden haben und natürlich auch wenn es ein neues Major-Release gab. |
| 55 | + |
| 56 | +  |
| 57 | + |
| 58 | +## Optionen zur Konfiguration von Uno Check |
| 59 | + |
| 60 | +Wenn du nur für bestimmte `Targets`, also Endgeräte deine Anwendungen entwickeln möchtest und dem entsprechend auch nicht alle anderen Workloads benötigst, also bspw. für das [XamlNavigation Tutorial](./Mvux-XamlNavigation/HowTo-XamlNavigation-Intro-de.md) |
| 61 | + |
| 62 | +> [!TIP] |
| 63 | +> Um eine übersicht über die verfügbaren Befehle, Konfigurationen und optionale zugehörige Parameter kannst du erhalten, indem du `uno-check -h` im Terminal eingibst. |
| 64 | +> [!NOTE] |
| 65 | +> Weitere Infos zu den Konfigurationsmöglichkeiten, kannst du in der [Uno.Check Dokumentation](https://platform.uno/docs/articles/external/uno.check/doc/configuring-uno-check.html) finden! |
| 66 | +
|
| 67 | +## **Probleme bei der Einrichtung?** |
| 68 | + |
| 69 | +Sieh dir den [Troubleshooting Guide](https://platform.uno/docs/articles/external/uno.check/doc/troubleshooting-uno-check.html) an. |
| 70 | + |
| 71 | +--- |
| 72 | + |
| 73 | +## Nächste Schritte |
| 74 | + |
| 75 | +Sobald deine Umgebung eingerichtet ist, kannst du beispielsweise mit dem [Counter Workshop](https://platform.uno/docs/articles/getting-started/counterapp/get-started-counter.html) diese Grundlagen lernen: |
| 76 | + |
| 77 | +- 📁 Die Struktur einer Uno-App |
| 78 | +- 🖼️ Den Umgang mit Assets (Bilder/Icons) über **`Uno.Resizetizer`** |
| 79 | +- 🔗 Die Verwendung von Commands und Bindings |
| 80 | + |
| 81 | +> [!TIPP] |
| 82 | +> Abhängig vom Tutorial, das du anschließend machen möchtest, solltest du im Workshop die passende Variante auswählen: |
| 83 | +> |
| 84 | +> - Wähle zwischen **XAML** oder **C#** als Markup |
| 85 | +> - Und zwischen **MVVM** oder **MVUX** als `Presentation` deiner Anwendung. |
| 86 | +
|
| 87 | +--- |
| 88 | + |
| 89 | +Viel Spaß bei den weiteren Tutorials! 🚀 |
| 90 | + |
| 91 | +- [Navigation in einer Uno App](Navigation-Intro.md) |
0 commit comments