Как разработать темы Shopify локально?

Я собираюсь работать над темой Shopify, и я хочу выяснить, как запустить/отредактировать ее локально. Я хотел бы иметь возможность сделать следующее, если это возможно:

  1. потяните весь код темы Shopify с сайта на мой локальный компьютер (в идеале один инструмент командной строки)
  2. внесите изменения локально и запустите их локально или в промежуточной среде
  3. нажмите все изменения на главный сайт Shopify, снова используя инструмент командной строки

Это все возможно?

6 ответов


есть довольно много рабочих процессов, которые вы можете использовать здесь.

0. Shopify Slate (новый!)

Slate-это инструмент для создания темы и командной строки для разработки тем Shopify. Он разработан, чтобы помочь вашему рабочему процессу разработки и ускорить процесс разработки, тестирования и развертывания тем для магазинов Shopify.

Это новый способ разработки тем, над которыми команда Shopify работает некоторое время, и soft запущена публично около 23 марта 2017 года. Кажется, сегодня это самый полный и опытный способ работы с Shopify.

https://github.com/Shopify/slate

1. Задача бегунов

Если вы используете Gulp или Grunt локально для разработки, есть библиотеки, которые будут загружать ваши файлы в магазин через учетные данные API частного приложения, которое вы должны создать. Большинство работает, загружая файлы, которые вы меняете, с помощью наблюдателя.

  1. grunt-shopify
  2. grunt-shopify-загрузить
  3. gulp-shopify-загрузить (это мой любимый, так как я использую Gulp, но имеет известную проблему, что иногда он перестает загружать файлы, и вы должны перезапустить его).

2. Официальный Shopify Theme Kit

Тема Комплект это кросс-платформенный инструмент CLI, который был построен сотрудниками Shopify. Он может работать на windows / linux / OS X. Вы можете прочитать больше об этом в блоге Shopify или загрузки. Альтернатива, ранее упомянутая Desktop Theme Editor, устарела и была заменена Theme Kit.

3. Сторонние приложения SaaS

вместо того, чтобы следить за изменениями, они будут работать с рабочим процессом интеграции continuos, где ваш последний толчок на определенной ветви загружается в тема, которую вы выбрали.

  1. стеблю. Более подробную информацию можно найти на их целевой странице для Shopify,здесь.
  2. DeployBot. Их статье на Shopify есть некоторая информация о том, как начать работу. Оба варианта из одной и той же компании. здесь сравнение обоих они сделали в своем блоге.

4. Сторонние библиотеки

  1. там же альтернатива, официально не поддерживаемая Shopify что это Текст. Сообщ Пакет в случае, если вы используете этот редактор OSX.
  2. есть неофициальный расширенный cli, похожий на theme kit, но с дополнительной функциональностью под названием быстрая стрельба, который я только что узнал на основе ответа Мэтта и кажется довольно удивительным. Некоторые из функций, которые они выделяют являются:

    • поддерживает загрузку в несколько магазинов Shopify и темы
    • простой в использовании мастер конфигурации
    • загрузки / загрузки параллельно значительно сокращают время передачи
    • поддерживает автокомпиляцию scss локально перед загрузкой в Shopify
    • поддерживает автокомпиляцию Babel / ES6 в модули, которые легко используются-Requirejs и другими
    • можно использовать .файлы gitignore или пользовательские .quickshotignore файл.
    • можно скачать / загрузить Shopify блоги, страницы и продукты! Легко переносить их между магазинами! Даже метапол! И редактировать их локально в вашем любимом редакторе.

Shopify недавно выпустила Slate, новый инструмент для разработки темы.

https://github.com/Shopify/slate


ответ Хуана находится на месте.

есть еще один, о котором я знаю, что я считаю немного более продвинутым, чем Themekit (который я использую), называемый Quickshot:https://quickshot.readme.io/v2.1/docs


Shopify создали инструмент для Mac, который позволяет разрабатывать тему локально и синхронизировать ее с вашим магазиномhttps://apps.shopify.com/desktop-theme-editor

Я ничего не знаю для windows / Linux и т. д.


Если вы ищете полностью автономную разработку, это, к сожалению, невозможно в настоящее время. В то время как Slate/ThemeKit CLIs позволяет код в вашем любимом текстовом редакторе, подключение к интернету по-прежнему требуется, потому что он любит держать все в синхронизации в любое время.


установите пакет состояния, выполнив следующие команды:

npm install -g @shopify/slate
slate theme theme-name