You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: doc/articles/de/HowTo-Setup-DevelopmentEnvironment-de.md
+16-14Lines changed: 16 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,19 +1,20 @@
1
1
---
2
2
uid: DevTKSS.Uno.Setup.DevelopmentEnvironment.de
3
3
---
4
-
5
-
# 🛠️ Anleitung: Entwicklungsumgebung für Uno Platform Apps einrichten
4
+
<!--markdownlint-disable MD028-->
5
+
# Anleitung: Entwicklungsumgebung für Uno Platform Apps einrichten
6
6
7
7
Im folgenden werden wir uns zusammen anschauen, wie man die Entwicklungsumgebung für die Anwendungsentwicklung mit Uno Platform kinderleicht einrichten kann, beziehungsweise das Command Line Interface (**CLI**) Tool `dotnet tool uno-check` diese Routineaufgabe für uns erledigen lassen kann.
8
8
9
9
> [!TIP]
10
10
> Seit dem v6 Release von Uno (SDK & Extension) ist dieses von vorne herein auch in der Visual Studio Uno Platform Extension inkludiert!
11
+
11
12
> [!TIP]
12
13
> 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.
13
14
14
15
## 📺 Videoanleitung
15
16
16
-
[!Video [How To: Einrichten unserer Uno Platform Entwicklungsumgebung](https://youtu.be/oI6IZVOeQBI)]
17
+

17
18
18
19
> [!NOTE]
19
20
> 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).
@@ -33,32 +34,33 @@ Im folgenden werden wir uns zusammen anschauen, wie man die Entwicklungsumgebung
33
34
34
35
1.**Installiere die Uno Platform-Erweiterung**
35
36
36
-
Erhältlich im [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=nventive.unoplatform)
37
+
Erhältlich im [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=nventive.unoplatform)
37
38
38
39
1.**Installiere `Uno.Check` über die Kommandozeile**
39
40
40
-
```bash
41
-
dotnet tool install -g Uno.Check
42
-
```
41
+
```bash
42
+
dotnet tool install -g Uno.Check
43
+
```
43
44
44
45
1.**Starte `Uno.Check`, um deine Umgebung zu prüfen**
45
46
46
-
Entweder via des zuvor schon genutzten Terminals:
47
+
Entweder via des zuvor schon genutzten Terminals:
47
48
48
-
```bash
49
-
uno-check check
50
-
```
49
+
```bash
50
+
uno-check check
51
+
```
51
52
52
-
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.
53
+
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.
53
54
54
-

55
+

55
56
56
57
## Optionen zur Konfiguration von Uno Check
57
58
58
59
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](./Navigation/Extensions-Navigation-de.md)
59
60
60
61
> [!TIP]
61
62
> 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.
63
+
62
64
> [!NOTE]
63
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!
64
66
@@ -76,7 +78,7 @@ Sobald deine Umgebung eingerichtet ist, kannst du beispielsweise mit dem [Counte
76
78
- 🖼️ Den Umgang mit Assets (Bilder/Icons) über **`Uno.Resizetizer`**
77
79
- 🔗 Die Verwendung von Commands und Bindings
78
80
79
-
> [!TIPP]
81
+
> [!TIP]
80
82
> Abhängig vom Tutorial, das du anschließend machen möchtest, solltest du im Workshop die passende Variante auswählen:
81
83
>
82
84
> - Wähle zwischen **XAML** oder **C#** als Markup
Da diese Beispiel-App im Rahmen eines Community-Tutorial-Videos auf YouTube erstellt wurde, kannst du dem Video folgen und den Aufbau der App Schritt für Schritt nachvollziehen. Dort sind auch Transkripte hinzugefügt, da es in Deutscher Sprache aufgenommen wurde.
18
18
19
-
🔗[Zur Playlist auf YouTube](https://youtube.com/playlist?list=PLEL6kb4Bivm_g81iKBl-f0eYPNr5h2dFX&si=qHkpAUMSW9s8GZCO)
19
+
-[Zur Playlist auf YouTube](https://youtube.com/playlist?list=PLEL6kb4Bivm_g81iKBl-f0eYPNr5h2dFX&si=qHkpAUMSW9s8GZCO)
20
20
21
21
## Kurzer Showcase
22
22
23
23
Lass uns zuerst einmal schauen, was man beispielsweise in einer Xaml-basierten Uno Anwendung damit erstellen kann, am beispiel der MvuxGallery.
24
24
25
25
**Showcase-Video:**
26
26
27
-
[!Video[Navigation in Xaml und Mvux mit Navigation View (Showcase)](https://youtu.be/vVvnK02r2ug)]
@@ -63,7 +63,7 @@ Des hier lernst du, wie man Anwendung erstellt oder passend konfiguriert:
63
63
64
64
In diesem Video zeige ich dir, wie du das `NavigationView`-Steuerelement in einer XAML-Markup-App einrichtest und verwendest. Wir werden die Navigation zwischen verschiedenen Seiten implementieren und dabei die MVUX-Prinzipien anwenden.
65
65
66
-
[!Video[Navigation in XamlundMvuxmitNavigationView](https://youtu.be/knt2oOjHH30)]
Copy file name to clipboardExpand all lines: doc/articles/de/Navigation/HowTo-CreateApp-de.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,11 @@ In dieser Anleitung lernst du, wie du eine Uno Platform Anwendung mittels des Wi
8
8
9
9
Um dem folgen zu können, solltest du zuvor die [Anleitung Entwicklungsumgebung einrichten](xref:DevTKSS.Uno.Setup.DevelopmentEnvironment.de) durchlaufen haben.
10
10
11
-
## [⚙️ App-Konfiguration mit dem Visual Studio-Wizard](#tab/vs-wizard)
11
+
## Video Tutorial zur Konfiguration
12
+
13
+

14
+
15
+
## [App-Konfiguration mit dem Visual Studio-Wizard](#tab/vs-wizard)
12
16
13
17
1. Öffne Visual Studio 2022
14
18
2. Erstelle ein neues Projekt und wähle die Vorlage Uno App aus
@@ -20,7 +24,7 @@ Um dem folgen zu können, solltest du zuvor die [Anleitung Entwicklungsumgebung
Copy file name to clipboardExpand all lines: doc/articles/en/Navigation/HowTo-Defining-UI-NavigationView-en.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -58,13 +58,13 @@ To configure the app using the CLI, follow these steps:
58
58
<!--
59
59
Here is a Video so you can follow along with the steps:
60
60
61
-
[!Video [Navigation in Xaml und Mvux mit Navigation View]()] // add link to the english localized video here, when available
61
+
![Navigation in Xaml und Mvux mit Navigation View]()] // add link to the english localized video here, when available
62
62
-->
63
63
64
64
### Tutorial Video: Navigation with `NavigationView` in MVUX and XAML
65
65
66
66
Now you can get started with the navigation in your app! In this video, I will show you how to set up and use the `NavigationView` control in a XAML Markup + MVUX Presentation App. We will implement navigation between different pages while applying the MVUX principles.
67
67
68
-
[!Video [Navigation in Xaml und Mvux mit Navigation View](https://youtu.be/knt2oOjHH30?si=PNgis0v9ZTR4LRsF)]
68
+

69
69
70
70
[Discover the Source Code](../../../../src/DevTKSS.Uno.XamlNavigationApp-1/)
0 commit comments