Führer
Vorschau
Elmony führt Ihr Projekt lokal aus und bettet die Live-App neben dem Chat ein, sodass Sie jede Änderung während der Erstellung überprüfen können.
Vorschau-Symbolleiste
| Kontrolle | Was es bewirkt |
|---|---|
Komponente auswählen | Wählen Sie in der Vorschau ein oder mehrere Elemente aus und hängen Sie deren Komponenten- und Quellorte an Ihre nächste Chat-Nachricht an. |
Screenshot zum Chat hinzufügen | Erfassen Sie die aktuelle Vorschau und hängen Sie sie als visuellen Kontext für die nächste Anfrage an den Chat an. |
Aktualisieren | Laden Sie die gerenderte Seite neu. Normalerweise wird Elmony nach Änderungen aktualisiert, aber das hilft, wenn die Seite veraltet ist. |
Routenmenü | Öffnen Sie das Menü der Adressleiste und wechseln Sie zwischen den in der App erkannten Routen. |
Neustart | Starten Sie den Entwicklungsserver des Projekts neu. Verwenden Sie „Neu erstellen“ aus dem Vorschaumenü, wenn Abhängigkeiten erneut installiert werden müssen. |
Im Browser öffnen | Öffnen Sie die URL der laufenden App in Ihrem Standardbrowser. |
Gerätemodus | Testen Sie die Größe der Ansichtsfenster für Desktops, Tablets und Mobilgeräte, ohne den Builder zu verlassen. |
Die Schaltflächen „Zurück“ und „Vorwärts“ verfolgen den Navigationsverlauf in der eingebetteten Vorschau. Bei Expo-Mobilprojekten kann im Mobilgerätemodus auch ein Expo-Gerätevorschau-QR-Code angezeigt werden, wenn eine Geräte-URL verfügbar ist; Scannen Sie es oder klicken Sie auf die URL, um es zu kopieren.
Builder-Panels
Verwenden Sie die Schaltflächen auf der rechten Seite, um zwischen der laufenden App und den unterstützenden Tools zu wechseln. Einige Bedienfelder werden nur angezeigt, wenn sie für den aktuellen Projekttyp gelten.
Vorschau
Interagieren Sie mit der laufenden App und senden Sie visuellen Kontext an den Chat.
Code
Durchsuchen Sie den Projektbaum und prüfen oder bearbeiten Sie Quelldateien.
Fehlerfinder
Überprüfen Sie erkannte TypeScript- und Projektprobleme.
Sicherheit
Führen Sie Sicherheitsüberprüfungen für das Projekt durch und überprüfen Sie sie.
Konfigurieren
Verbinden Sie Dienste und verwalten Sie die Projektkonfiguration.
Zahlungen
Richten Sie die für das aktuelle Projekt verfügbaren Zahlungstools ein.
Datenbank
Verwalten Sie Datenbankfunktionen für unterstützte Webprojekte.
Firebase
Verwalten Sie Firebase-Funktionen für unterstützte mobile Projekte.
Veröffentlichen
Öffnen Sie den Veröffentlichungsworkflow für den aktuellen Projekttyp.
Konsole
Die veränderbare Größe Konsole sitzt unterhalb des aktiven Panels. Es zeigt die Serverausgabe, den Build-Fortschritt, Warnungen und Fehler an. Klappen Sie es zusammen, wenn Sie mehr Platz benötigen. Die geschlossene Leiste zeigt weiterhin die neueste Meldung und die Anzahl der Fehler an.
Fehlerbehebung
Warum wird die Vorschau nicht geladen?
Öffnen Sie die Konsole und lesen Sie die neueste Installations- oder Servermeldung. Bei der ersten Ausführung eines Projekts müssen möglicherweise Abhängigkeiten heruntergeladen werden. Versuchen Sie es Neustart nach Behebung des gemeldeten Problems; Wenn installierte Abhängigkeiten veraltet oder unvollständig sind, wählen Sie Wiederaufbau aus dem Vorschaumenü, um sie neu zu installieren und neu zu starten.