Storefront-Code überprüfen und bearbeiten

Öffnen Sie Runners bedingten Code-Editor, speichern Sie eine fokussierte Dateiänderung, überprüfen Sie Git-Änderungen, und vermeiden Sie den Verlust nicht gespeicherter Arbeit.

Der Code-Editor ermöglicht es Ihnen, die Storefront-Dateien hinter der aktuellen Vorschau zu überprüfen oder eine fokussierte Änderung vorzunehmen. Verwenden Sie ihn nur, wenn eine visuelle Bearbeitung oder Runner-Anfrage nicht die bessere Lösung ist.

Was dieser Leitfaden abdeckt

Öffnen Sie den bedingten Code-Editor, speichern Sie eine fokussierte Dateiänderung, kehren Sie zur Vorschau zurück, um sie zu überprüfen, und halten Sie Commit, Push und Veröffentlichung als separate bewusste Aktionen.

Eingabepfad

Öffnen Sie ein Store-Projekt → Storefront → Code-Editor öffnen.

Bevor Sie beginnen

Warten Sie, bis der Projekt-Workspace und die Storefront-Vorschau verbunden sind.
Verwenden Sie den Code-Editor nur, wenn Sie die Datei verstehen, die Sie ändern möchten.
Speichern Sie jede geänderte Datei, bevor Sie ihre Registerkarte oder das Dialogfeld schließen. Das Schließen einer nicht gespeicherten Datei zeigt keine Bestätigung.
Eine gespeicherte Datei ändert den Projekt-Workspace, wird aber nicht automatisch committed, gepusht, veröffentlicht oder in der Vorschau als korrekt erwiesen.
Verwenden Sie Committen und Pushen nur, wenn Sie berechtigt sind, das konfigurierte Git-Remote des Projekts zu ändern.

Editor-Steuerelemente und Klickergebnisse

Steuerelement oder Zustand	Was passiert, nachdem Sie es verwenden
Code-Editor öffnen	Öffnet das Dialogfeld Code-Editor in voller Höhe. Das Schließen des Dialogfelds gibt das Storefront-Panel zur Vorschau zurück.
Dateisymbol	Zeigt den durchsuchbaren Storefront-Dateibaum. Das Erweitern eines Ordners lädt seinen Inhalt; das Auswählen einer Datei öffnet sie in einer Registerkarte.
Datei-Registerkarte	Wechselt den Editor zu dieser offenen Datei. Ein orangefarbener Punkt bedeutet, dass die Registerkarte nicht gespeicherte Änderungen enthält.
Schließen-Symbol auf einer Datei-Registerkarte	Schließt diese Registerkarte. Runner fragt nicht nach nicht gespeicherten Änderungen, also speichern Sie zuerst.
Code-Editor	Ermöglicht es Ihnen, die aktive Datei zu ändern. Das Eingeben ändert die offene Registerkarte, speichert die Datei aber nicht automatisch.
Command-S auf macOS oder Control-S auf Windows/Linux	Speichert die aktive Datei im verbundenen Projekt-Workspace. Der orangefarbene nicht gespeicherte Indikator wird nach erfolgreicher Speicherung gelöscht.
Git-Branch-Symbol	Öffnet den aktuellen Branch, geänderte Dateilisten, Commit-Formular und Push-Steuerelemente. Das Auswählen einer geänderten Datei öffnet ihren Diff.
Stage / Unstage	Fügt eine Datei zum nächsten Commit hinzu oder entfernt sie. Es speichert keine nicht gespeicherte Editor-Registerkarte.
Alle bereitstellen / Alle zurücknehmen	Wendet die gleiche Staging-Auswahl auf jede Datei in der entsprechenden Liste an. Überprüfen Sie die Liste vor der Verwendung einer dieser Aktionen.
Commit-Nachricht	Zeichnet die Erklärung auf, die dem nächsten Commit beigefügt wird.
Committen	Erstellt einen Commit aus gestaffelten Dateien, wenn die Nachricht nicht leer ist. Nicht gestaffelte und nicht gespeicherte Änderungen bleiben außerhalb dieses Commits.
Pushen	Sendet sofort Commits, die dem konfigurierten Remote voraus sind. Es gibt keine zweite Bestätigung in diesem Panel.
Aktualisieren	Fordert den neuesten Git-Status für den verbundenen Projekt-Workspace an.

Nehmen Sie eine fokussierte Bearbeitung vor und überprüfen Sie sie

Bestätigen Sie den Projektnamen und die aktuelle Storefront in der Vorschau.
Wählen Sie Code-Editor öffnen.
Halten Sie die Dateiansicht offen, erweitern Sie den erforderlichen Ordner, und wählen Sie eine Datei aus.
Lesen Sie den vorhandenen Inhalt, bevor Sie ihn ändern.
Nehmen Sie die kleinste beabsichtigte Bearbeitung vor.
Drücken Sie Command-S oder Control-S und bestätigen Sie, dass der orangefarbene Punkt verschwindet.
Schließen Sie den Code-Editor und überprüfen Sie die betroffene Seite in der Vorschau.
Überprüfen Sie Desktop- und Mobile-Layouts, wenn die Änderung eines von beiden beeinflussen kann.
Wenn das Ergebnis falsch ist, kehren Sie zum Editor zurück und korrigieren Sie es, oder bitten Sie Runner, die spezifische Datei und das sichtbare Problem zu reparieren.

Das Speichern beweist nur, dass Runner die Datei geschrieben hat. Die Vorschau beweist nur, dass das aktuelle Projekt sie anzeigen kann. Die Veröffentlichung und die Live-Customer-Journey bleiben separate Überprüfungen.

Committen und pushen Sie nur bei Bedarf

Speichern Sie jede Datei, die Sie einbeziehen möchten.
Öffnen Sie die Git-Branch-Ansicht.
Wählen Sie jede geänderte Datei aus und überprüfen Sie ihren Diff.
Verwenden Sie Stage für die beabsichtigten Dateien. Vermeiden Sie Alle bereitstellen, wenn nicht verwandte Änderungen vorhanden sind.
Geben Sie eine klare Commit-Nachricht ein.
Wählen Sie Committen und warten Sie, bis sich der Git-Status aktualisiert.
Verwenden Sie Pushen nur nach Bestätigung des Branch- und Remote-Workflows. Die Aktion startet sofort.
Kehren Sie zur Vorschau zurück und überprüfen Sie das sichtbare Ergebnis. Ein erfolgreicher Commit oder Push veröffentlicht den Storefront nicht.

Fehlerbehebung

Zustand	Bedeutung	Was zu tun ist
Code-Editor öffnen fehlt	Die Funktion ist für dieses Projekt nicht aktiviert.	Verwenden Sie den Design-Modus oder bitten Sie Runner, die Änderung vorzunehmen. Verlassen Sie sich nicht auf eine kopierte interne Route.
Verbindung zur Sandbox...	Der Projekt-Workspace ist noch nicht verbunden.	Halten Sie das Projekt offen und versuchen Sie es erneut, nachdem sich der Workspace erneut verbunden hat.
Dateibaum-Spinner	Runner lädt den aktuellen Ordner.	Warten Sie, bevor Sie einen anderen Ordner wiederholt auswählen.
Das Auswählen einer Datei hat keine Auswirkung	Die Datei konnte nicht gelesen werden oder der Workspace wurde getrennt.	Überprüfen Sie die Verbindung und wählen Sie die Datei erneut aus.
Orangefarbener Punkt bleibt nach dem Speichern	Die Datei wurde nicht erfolgreich gespeichert.	Halten Sie die Registerkarte offen, lesen Sie die Fehlermeldung, und versuchen Sie es erneut, nachdem Sie sich bei Bedarf erneut verbunden haben.
Datei aus dem Baum öffnen	Keine Datei ist aktiv.	Wählen Sie eine Datei in der Dateiansicht aus.
Keine Änderungen	Git meldet keine gespeicherten Dateiänderungen.	Speichern Sie die Editor-Registerkarte und wählen Sie dann Aktualisieren.
Committen ist deaktiviert	Keine gestaffelte Datei oder keine Commit-Nachricht vorhanden.	Stellen Sie die beabsichtigte gespeicherte Datei bereit und geben Sie eine Nachricht ein.
Pushen ist deaktiviert	Der Branch hat keinen lokalen Commit vor dem Remote, oder ein Push wird ausgeführt.	Committen Sie die beabsichtigte Änderung oder warten Sie auf den aktuellen Push.
Git-Status konnte nicht geladen werden	Runner konnte den Repository-Status nicht lesen.	Wählen Sie Erneut versuchen. Stellen Sie nicht bereit oder pushen Sie nicht, bis sich der Status lädt.
Der Pfeil-nach-unten-Zähler zeigt, dass der Branch hinter liegt	Das Remote enthält Commits, die nicht im Workspace vorhanden sind.	Stoppen Sie vor dem Pushen und fragen Sie den Projektbesitzer, wie Sie den Branch sicher aktualisieren.
Fehler beim Speichern, Stagen, Committen oder Pushen	Die Aktion wurde nicht abgeschlossen.	Behalten Sie den aktuellen Zustand bei, lesen Sie den Fehler, und versuchen Sie es erneut, nachdem Sie die Verbindung und Berechtigung überprüft haben.