Wie man Shopify Themen lokal entwickelt?

Question

Ich werde an einem Shopify-Theme arbeiten und herausfinden, wie ich es lokal ausführen/bearbeiten kann. Ich möchte auf den folgende zu können, wenn möglich:

1. ziehen all Shopify Thema Code von der Website zu meinem lokalen Computer (im Idealfall eines einziges Kommandozeilen-Tool)
2. Make-Bearbeitungen vor Ort und Lauf sie lokal oder in einer Staging-Umgebung
3. Drücken sie alle Änderungen an der Haupt Shopify Website, indem wieder ein Kommandozeilenwerkzeug

Ist das überhaupt möglich?

Answer 1

Es gibt eine ganze ein paar Workflows, die Sie hier verwenden können.

0. Shopify Slate (neu!)

Slate ist ein Thema, Gerüst und Kommandozeilen-Tool für Themen Shopify entwickeln. Es wurde entwickelt, um Ihren Entwicklungsworkflow zu unterstützen und den Prozess der Entwicklung, des Testens und der Bereitstellung von Designs für Shopify-Shops zu beschleunigen.

Dies ist die neue Art und Weise Themen für die Entwicklung, die die Shopify Team eine Zeit lang gearbeitet hat und weich öffentlich um den 23. März 2017 ins Leben gerufen scheint heute die vollständigste und kompetente Art und Weise der Arbeit mit Shopify zu sein .

https://shopify.github.io/slate/

1. Task-Läufer

Wenn Sie entweder Gulp oder Grunt vor Ort für die Entwicklung verwenden, gibt es Bibliotheken gibt, die Dateien in den Laden über die API-Anmeldeinformationen eines privaten App laden wird das musst du erstellen. Die meisten funktionieren, indem Sie die Dateien, die Sie ändern, mit einem Watcher hochladen.

1. grunt-shopify
2. grunt-shopify-upload
3. gulp-shopify-upload (es ist mein Favorit, da ich Gulp verwenden, aber hat ein bekanntes Problem, das manchmal stoppt das Hochladen von Dateien und Sie müssen es neu zu starten).

2. Offizielle Shopify Theme Kit

Theme Kit ist eine plattformübergreifende CLI-Tool, das von Shopify Mitarbeiter errichtet wurde. Es kann auf Windows/Linux/OS X laufen. Sie können mehr darüber lesen on Shopify Blog oder . Die zuvor erwähnte Alternative des Desktop Theme Editors ist veraltet und wurde durch Theme Kit ersetzt.

3.SaaS-Anwendungen von Drittanbietern

Anstatt auf Änderungen zu achten, funktionieren diese mit einem fortlaufenden Integrationsworkflow, bei dem Ihr letzter Push in einem bestimmten Zweig in das ausgewählte Thema hochgeladen wird.

1. Beanstalk. Weitere Informationen finden Sie auf der Zielseite für Shopify, here.
2. DeployBot. Ihre help article auf Shopify hat einige Informationen, wie man anfängt. Beide Optionen stammen von derselben Firma. Here's ein Vergleich von beiden, die sie auf ihrem Blog getan haben.

4. Bibliotheken von Drittanbietern

1. Es auch ist an alternative not officially supported by Shopify die eine ist Textmate Bundle verwenden, falls Sie, dass OSX-Editor.

2. Es gibt einen inoffiziellen erweiterten CLI, der dem Theme-Kit ähnelt, aber mit weiteren Funktionen namens Quickshot, die ich gerade auf der Grundlage von Matts Antwort herausgefunden habe und die ziemlich toll aussieht. Einige der Funktionen, die sie hervorzuheben sind:

   • Unterstützt das Hochladen auf mehrere Shopify speichert und Themen
   • Einfache Konfigurationsassistenten
   • Uploads/Downloads parallel verwenden stark reduziert Übertragungszeiten
   • Unterstützt autocompiling SCSS lokal vor Upload zu Shopify
   • Unterstützt das automatische Kompilieren von Babel/ES6 in Module, die problemlos von - Requirejs und anderen verwendet werden können
   • Kann mit .gitignore-Dateien oder einer benutzerdefinierten Datei verwendet werden .quickshotignore Datei.
   • Kann Shopify Blogs, Seiten und Produkte herunterladen/hochladen! Übertragen Sie sie einfach zwischen Geschäften! Sogar die Metafields! Und bearbeiten Sie sie lokal in Ihrem bevorzugten Editor.

Answer 2

Shopify haben ein Tool für Mac gebaut, dass Sie Ihr Thema vor Ort entwickeln können, und Synchronisierung mit Ihrem Speicher https://apps.shopify.com/desktop-theme-editor

Ich weiß nicht von irgendetwas für Windows/Linux usw.

Answer 3

Juan Antwort ist vor Ort auf.

Es gibt eine weitere ich weiß, von denen ich glaube, ein wenig weiter fortgeschritten als Themekit ist (was ich verwende) genannt Quickshot: https://quickshot.readme.io/v2.1/docs

Answer 4

Shopify kürzlich Slate veröffentlicht, ein neues Werkzeug für die Themenentwicklung.

https://github.com/Shopify/slate

Answer 5

Zustand Paket durch den Befehl installieren ..

npm installieren -g @ Shopify/Schiefer

Schiefer Thema Thema-Name

Answer 6

Wenn Sie auf der Suche nach einer vollständigen Offline-Entwicklung, ist es zur Zeit leider nicht möglich. Während die Slate/ThemeKit CLIs Sie in Ihrem bevorzugten Texteditor programmieren können, ist eine Internetverbindung immer noch erforderlich, da sie immer alles synchron halten möchte.