Как разработать темы Shopify локально?
Я собираюсь работать над темой Shopify, и я хочу выяснить, как запустить/отредактировать ее локально. Я хотел бы иметь возможность сделать следующее, если это возможно:
- потяните весь код темы Shopify с сайта на мой локальный компьютер (в идеале один инструмент командной строки)
- внесите изменения локально и запустите их локально или в промежуточной среде
- нажмите все изменения на главный сайт Shopify, снова используя инструмент командной строки
Это все возможно?
6 ответов
есть довольно много рабочих процессов, которые вы можете использовать здесь.
0. Shopify Slate (новый!)
Slate-это инструмент для создания темы и командной строки для разработки тем Shopify. Он разработан, чтобы помочь вашему рабочему процессу разработки и ускорить процесс разработки, тестирования и развертывания тем для магазинов Shopify.
Это новый способ разработки тем, над которыми команда Shopify работает некоторое время, и soft запущена публично около 23 марта 2017 года. Кажется, сегодня это самый полный и опытный способ работы с Shopify.
https://github.com/Shopify/slate
1. Задача бегунов
Если вы используете Gulp или Grunt локально для разработки, есть библиотеки, которые будут загружать ваши файлы в магазин через учетные данные API частного приложения, которое вы должны создать. Большинство работает, загружая файлы, которые вы меняете, с помощью наблюдателя.
- grunt-shopify
- grunt-shopify-загрузить
- gulp-shopify-загрузить (это мой любимый, так как я использую Gulp, но имеет известную проблему, что иногда он перестает загружать файлы, и вы должны перезапустить его).
2. Официальный Shopify Theme Kit
Тема Комплект это кросс-платформенный инструмент CLI, который был построен сотрудниками Shopify. Он может работать на windows / linux / OS X. Вы можете прочитать больше об этом в блоге Shopify или загрузки. Альтернатива, ранее упомянутая Desktop Theme Editor, устарела и была заменена Theme Kit.
3. Сторонние приложения SaaS
вместо того, чтобы следить за изменениями, они будут работать с рабочим процессом интеграции continuos, где ваш последний толчок на определенной ветви загружается в тема, которую вы выбрали.
- стеблю. Более подробную информацию можно найти на их целевой странице для Shopify,здесь.
- DeployBot. Их статье на Shopify есть некоторая информация о том, как начать работу. Оба варианта из одной и той же компании. здесь сравнение обоих они сделали в своем блоге.
4. Сторонние библиотеки
- там же альтернатива, официально не поддерживаемая Shopify что это Текст. Сообщ Пакет в случае, если вы используете этот редактор OSX.
-
есть неофициальный расширенный cli, похожий на theme kit, но с дополнительной функциональностью под названием быстрая стрельба, который я только что узнал на основе ответа Мэтта и кажется довольно удивительным. Некоторые из функций, которые они выделяют являются:
- поддерживает загрузку в несколько магазинов Shopify и темы
- простой в использовании мастер конфигурации
- загрузки / загрузки параллельно значительно сокращают время передачи
- поддерживает автокомпиляцию scss локально перед загрузкой в Shopify
- поддерживает автокомпиляцию Babel / ES6 в модули, которые легко используются-Requirejs и другими
- можно использовать .файлы gitignore или пользовательские .quickshotignore файл.
- можно скачать / загрузить Shopify блоги, страницы и продукты! Легко переносить их между магазинами! Даже метапол! И редактировать их локально в вашем любимом редакторе.
ответ Хуана находится на месте.
есть еще один, о котором я знаю, что я считаю немного более продвинутым, чем 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