Dokumentationsmenü

Vorschau und Code-Editor nutzen

Auf dieser Seite

Prüfen Sie das Verhalten in der Vorschau und sehen Sie sich im Editor die zugehörigen Dateien an.

Editor: generierte Projektdateien und Quellcode.
Editor: generierte Projektdateien und Quellcode.
  1. Öffnen Sie Ihr Projekt und wählen Sie Vorschau (Preview).
  2. Warten Sie, bis die App bereit ist. Nutzen Sie die Anmeldung der Vorschau, wenn die Funktion ein Konto erfordert.
  3. Testen Sie die Funktion mit synthetischen Datensätzen. Prüfen Sie dabei auch leere Felder und eine verweigerte Aktion.
  4. Wählen Sie Editor, um die generierten Dateien zu durchsuchen. Lesen Sie den Code der betreffenden Komponente oder des Dienstes, bevor Sie etwas ändern.
  5. Speichern Sie eine gezielte Änderung. Kehren Sie dann zur Vorschau zurück und prüfen Sie das Build-Ergebnis.
  6. Falls ein Build fehlschlägt, lesen Sie die Warnung und korrigieren Sie die Änderung, bevor Sie weitere Dateien bearbeiten.

Die Vorschau ist die Entwicklungsversion Ihrer Anwendung. Eine Produktionswebsite wird separat veröffentlicht und kann andere Konfigurations- und Anmeldeeinstellungen haben.

Erstellen Sie in Task Grove eine Beispielaufgabe und verschieben Sie sie zwischen den Spalten des Boards. Melden Sie sich anschließend mit dem Konto eines Mitglieds an, das diese Aufgabe nicht bearbeiten darf. Prüfen Sie die Einschränkung.

Speichern Sie keine Geheimnisse in Dateien, die im Browser zugänglich sind. Nutzen Sie für Zugangsdaten zu Diensten die Konfigurationsanleitung. Wenn die Vorschau unterbrochen wird, folgen Sie der Anleitung zu Wartung und Wiederherstellung.

Anwendungsbeispiel

Kategorie: Projekt- und Aufgabenverwaltung. Beispiel: Task Grove, ein Aufgabenboard für ein kleines Team.

Namen und Marken

Visual Studio Code, VS Code, TypeScript und zugehörige Microsoft-Marken gehören der Microsoft Corporation. Nutzungsrichtlinie.

Die Namen React und Bun sowie alle zugehörigen Marken verbleiben bei ihren jeweiligen Eigentümern oder Projektverantwortlichen. Verweise dienen dazu, Produkte, Standards oder Quellcodebeispiele zu benennen. Die Dokumentation von OwlMeans bedeutet nicht, dass diese Eigentümer OwlMeans unterstützen oder empfehlen.