UI5 Entwicklung

yo easy-ui5 project

Anlegen eines neuen UI5-Projekts mit Hilfe des easy-ui5-Generators. Ermöglicht das schnelle Erstellen eines Grundgerüsts für UI5-Anwendungen. Die generierte Projektstruktur enthält wichtige Ordner wie `webapp`, `dist`, und Dateien wie `manifest.json`.

ui5 add <paket>

Fügt zusätzliche UI5-Komponenten oder Bibliotheken zum Projekt hinzu. Beispiel: `ui5 add sap.tnt` fügt das `sap.tnt` Paket hinzu, um zusätzliche Controls zu nutzen. Prüfe die `ui5.yaml` und `package.json` auf korrekte Einbindung der Abhängigkeiten.

ui5 serve

Startet einen lokalen Entwicklungsserver, um die Anwendung direkt aus dem `webapp`-Ordner zu präsentieren. Nützlich für schnelle Tests und die Vorschau während der Entwicklung. Bei Fehlern, prüfe die Konsole/Logs für Hinweise auf fehlende Pakete oder Konfigurationsprobleme.

ui5 build --all

Baut das gesamte Projekt und erstellt einen `dist`-Ordner mit den Produktionsdateien. Der Inhalt des `dist`-Ordners kann direkt auf einen Webserver wie Apache2 kopiert werden. Achte darauf, dass die `neo-app.json` oder `.htaccess` korrekt konfiguriert sind, um Routing-Probleme zu vermeiden.

Test und Debugging

Verwende Chrome DevTools oder UI5-eigene Debugging-Optionen, um Fehler frühzeitig zu erkennen. Achte auf Fehler in der Konsole und nutze Breakpoints, um den Code zu analysieren.

Zusätzliche Tools

`npm start` kann (falls konfiguriert) genutzt werden, um den Entwicklungsserver schnell zu starten. Weitere Befehle wie `ui5 tool` stehen zur Verfügung, falls zusätzliche Anpassungen nötig sind.