dawn

Dämmerung

Erste Schritte | Bleiben Sie mit Morgendämmerungsänderungen auf dem Laufenden | Entwicklerwerkzeuge | Beitragen | Verhaltenskodex | THEMENSPAST SPOARE | Lizenz

Dawn repräsentiert einen HTML-ersten-JavaScript-Ansatz für die Entwicklung von JavaScript. Es ist das erste Quelle von Shopify mit Leistung, Flexibilität und Online-Shop 2.0 integriert und fungiert als Referenz für den Bau von Shopify-Themen.

• Webmaschine in seiner reinsten Form: Themen im immergrünen Web ausgeführt. Wir nutzen die neuesten Webbrowser in vollen Zügen und behalten gleichzeitig die Unterstützung für die älteren durch progressive Verbesserung bei - keine Polyfüllungen.
• Schlank, schnell und zuverlässig: Funktionalität und Design standardmäßig von „Nein“, bis sie dieser Anforderung erfüllt. Code schiffen auf Qualität. Themen müssen mit Zweck gebaut werden. Sie sollten nicht jede Feature in Shopify unterstützen.
• Server-Rendered: HTML muss von Shopify-Servern mit Flüssigkeit gerendert werden. Geschäftslogik und Plattformprimitive wie Übersetzungen und Geldformatierung gehören nicht zum Kunden. Async und On-Demand-Rendering von Teilen der Seite sind in Ordnung, aber wir tun es sparsam als progressive Verbesserung.
• Funktionales, nicht Pixel-Perfekt: Das Web muss nicht für jede Seite von jeder Browser-Engine Pixel-Perfekte gerendert werden. Mit semantischem Markup, progressiver Verbesserung und cleverem Design stellen wir sicher, dass Themen unabhängig vom Browser funktionsfähig bleiben.

Eine detailliertere Version unserer Themencode -Prinzipien finden Sie im Beitragshandbuch.

Erste Schritte

Wir empfehlen, Dawn als Ausgangspunkt für die Themenentwicklung zu verwenden. Erfahren Sie mehr über Shopify.dev.

Wenn Sie ein Thema für den Shopify -Themenladen erstellen, können Sie Dawn als Ausgangspunkt verwenden. Das Thema, das Sie einreichen, muss sich jedoch erheblich von der Morgendämmerung unterscheiden, damit es einen Mehrwert für Händler bietet. Erfahren Sie, wie Sie Dawn verwenden können.

Bitte beachten Sie, dass die Hauptzweide Code für noch nicht veröffentlichte Funktionen enthalten kann. Die "stabile" Version von Dawn ist im Themen Store erhältlich.

Bleiben Sie mit Änderungen der Morgendämmerung auf dem Laufenden

Angenommen, Sie erstellen ein neues Thema aus der Morgendämmerung upstream möchten jedoch immer noch in der Lage sein, die neuesten Änderungen vorzunehmen.

1. Navigieren Sie zu Ihrem lokalen Themenordner.
2. Überprüfen Sie die Liste der Fernbedienungen und validieren Sie, dass Sie sowohl einen origin als auch upstream haben:

git remote -v

3. Wenn Sie keinen upstream sehen, können Sie einen hinzufügen, der dem Dawn -Repository von Shopify verweist:

git remote add upstream https://github.com/Shopify/dawn.git

4. Ziehen Sie die neuesten Dawn -Änderungen in Ihr Repository ein:

git fetch upstream
git pull upstream main

Entwicklerwerkzeuge

Es gibt eine Reihe wirklich nützlicher Tools, die das Shopify -Themen -Team während der Entwicklung verwendet. Dawn ist bereits für die Arbeit mit diesen Tools eingerichtet.

Shopify CLI

Shopify CLI hilft Ihnen beim Aufbau von Shopify -Themen schneller und wird zur Automatisierung und Verbesserung Ihres lokalen Entwicklungs -Workflows verwendet. Es wird mit einer Reihe von Befehlen für die Entwicklung von Shopify -Themen gebündelt - alles aus der Arbeit mit Themen in einem Shopify -Geschäft (z. B. Erstellung, Veröffentlichung, Löschen von Themen) oder den Start eines Entwicklungsservers für die lokale Themenentwicklung.

Sie können diesen schnellen Start -Leitfaden für Themenentwickler folgen, um loszulegen.

Themenprüfung

Wir empfehlen, Themenprüfung zu verwenden, um Ihre Shopify -Themen zu validieren und abzugeben.

Wir haben die Liste der Themenprüfung in Dawns Liste der VS -Code -Erweiterungen hinzugefügt. Wenn Sie also den Visual Studio -Code als Code -Editor der Wahl verwenden, werden Sie aufgefordert, die Themenprüfung vs Code -Erweiterung nach dem Öffnen von VS -Code zu installieren gabelte und klonierte Morgendämmerung.

Sie können es auch mit dem folgenden Shopify CLI -Befehl aus einem Terminal ausführen:

shopify theme check

Kontinuierliche Integration

Dawn verwendet Github -Aktionen, um die Qualität des Themas aufrechtzuerhalten. Dies ist ein Ausgangspunkt und was wir verwenden, um sicherzustellen, dass Sie bessere Themen aufbauen. Fühlen Sie sich frei, sich davon aufzubauen!

Shopify/Lighthouse-Ci-Action

Wir lieben schnelle Websites! Aus diesem Grund haben wir Shopify/Lighthouse-Ci-Action erstellt. Dies führt zu einer Reihe von Google Lighthouse -Audits für die Seiten für Heim-, Produkt- und Sammlungsseiten in einem Geschäft, um sicherzustellen, dass Code, der hinzugefügt wird, nicht im Laufe der Zeit die Leistung des Storefront beeinträchtigt.

Shopify/Theme-Check-Action

Dawn führt die Themenüberprüfung jedes Commits über Shopify/Theme-Check-Action aus.

Beitragen

Möchten Sie den Handel für alle besser machen, indem Sie zum Morgengrauen beitragen? Wir würden Ihre Hilfe lieben! Bitte lesen Sie unseren beitragenden Leitfaden, um über unseren Entwicklungsprozess zu erfahren, wie Sie Fehlerbehebungen und -verbesserungen vorschlagen und wie man für die Morgendämmerung baut.

Verhaltenskodex

Alle Entwickler, die durch Code oder Probleme beitragen möchten, lesen bitte zuerst unseren Verhaltenskodex.

Einreichung von Themengeschäften

Der Shopify -Themenladen ist der Ort, an dem Shopify -Händler die Themen finden, mit denen sie ihr Geschäft präsentieren und unterstützen. Als Themenpartner können Sie Themen für den Shopify-Themenladen erstellen und ein internationales Publikum einer ständig wachsenden Anzahl von Unternehmern erreichen.

Stellen Sie sicher, dass Sie der Liste der Anforderungen an den Themengeschäft folgen, wenn Sie ein Shopify -Themenpartner werden und Themen für die Shopify -Plattform erstellen möchten.

Lizenz

Copyright (C) 2021-Präsentent Shopify Inc. Weitere Informationen finden Sie unter Lizenz.