Ein Schnellstartleitfaden für Shopifys neuen Code-Editor, der im August 2025 veröffentlicht wurde.
Der neue Editor basiert auf VS Code - einem Tool für professionelle Entwickler, daher bietet er viele Optionen und Funktionen, die für nicht-technische Benutzer verwirrend sein können.
Die meisten davon können jedoch ignoriert werden. Sie können ihn effektiv nutzen, wenn Sie nur ein paar Grundlagen kennen.
1. *Dateien suchen* mit Cmd+P
2. *Innerhalb einer Datei suchen* mit Cmd+F
3. *In ALLEN Dateien suchen* mit Cmd+Shift+F
4. Drücken Sie Enter, um eine *Datei umzubenennen*
5. Rechtsklick auf eine Datei → Zeitachse öffnen, um die *Versionshistorie zu sehen*
1. Links ist die alte Version, rechts die aktuelle Version. In Grün hervorgehoben sind Ihre Ergänzungen, und in Rot Ihre Löschungen.
2. Rechtsklick auf eine Version → *Inhalte wiederherstellen*, um zu dieser Version zurückzukehren
6. Cmd+Shift+P und 'format' suchen, um ein *Dokument zu formatieren* und es ansprechend zu gestalten
7. Rechtsklick → Auswählen für *Vergleich*, dann eine andere Datei auswählen, um mit der ausgewählten zu vergleichen. Nützlich, wenn Sie eine Datei dupliziert haben, um daran zu arbeiten.
8. Zahnrad-Symbol → Einstellungen, um die *Schriftgröße zu ändern*
9. Zahnrad-Symbol → Designs, um das *Farbschema zu ändern*
Das ist tatsächlich VS Code für das Web, das innerhalb des Shopify-Admins läuft. Weitere Informationen zu VS Code finden Sie hier:
👉 VERWANDTE VIDEOS
📢 BLEIBEN SIE AKTUELL
Abonnieren Sie für weitere Tipps & Tricks, die ich nicht auf Youtube veröffentliche:
🙏 UNTERSTÜTZEN SIE DEN KANAL
🛠 CODE SHOP
Fertige Abschnitte & Blöcke. Einfach kopieren & einfügen zur Installation.
👍 MEINE LIEBLINGS-APPS & -THEMEN
📚 MEIN SHOPIFY CODING EBOOK
Lernen Sie HTML, CSS und Shopify Liquid von Grund auf und speziell für Shopify.
👨🏼💻 WER BIN ICH?
👋 Mein Name ist Eduard. Ich bin Webentwickler mit Schwerpunkt auf Shopify.
Ich möchte Ihnen mit der technischen Seite Ihres Online-Geschäfts durch einfache und prägnante Videos helfen.
⏭ KAPITEL
00:00 Einführung
00:30 Datei suchen
01:20 Text in einer Datei suchen
02:03 Text im gesamten Theme suchen
03:27 Verlauf anzeigen und rückgängig machen
06:10 Dateien vergleichen
07:28 Über VS Code & weitere Tipps
#Shopify #ShopifyLiquid #ShopifyThemes