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.
