如何在本地开发Shopify主题？

Question

我打算在Shopify主题上工作,我想弄清楚如何在本地运行/编辑它.如果可能的话,我希望能够做到以下几点:

1. 将所有Shopify主题代码从站点拉到我的本地计算机(理想情况下是一个命令行工具)
2. 在本地进行编辑,并在本地或在临时环境中运行它们
3. 再次使用命令行工具将所有编辑推送到Shopify主站点

这是可能吗？

Answer 1

您可以在此处使用相当多的工作流程.

0. Shopify Slate(新!)

Slate是用于开发Shopify主题的主题脚手架和命令行工具.它旨在帮助您的开发工作流程,并加快开发,测试和部署Shopify商店主题的过程.

这是开发主题的新方式,Shopify团队已经在2017年3月23日左右公开发布了一段时间并且软件公开发布.似乎是目前使用Shopify最完整和最熟练的方式.

https://github.com/Shopify/slate

1.任务选手

如果您在本地使用Gulp或Grunt进行开发,那么有些库会通过您必须创建的私有应用程序的API凭据将文件上传到商店.大多数人使用观察者上传您更改的文件.

1. 咕噜,shopify
2. 咕噜-shopify上传
3. gulp-shopify-upload(这是我最喜欢的,因为我使用Gulp但有一个已知的问题,有时它会停止上传文件,你必须重新启动它).

2.官方Shopify主题套件

Theme Kit是由Shopify Employees构建的跨平台CLI工具.它可以在windows/linux/OS X上运行.您可以在Shopify博客上阅读更多相关信息或直接下载.之前提到的桌面主题编辑器的替代方案已弃用,已被Theme Kit取代.

3.第三方SaaS应用程序

这些将与连续集成工作流程配合使用,而不是观察更改,您可以将对某个分支的最新推送上传到您选择的主题.

1. 豆茎.有关更多具体信息,请访问 Shopify的登录页面.
2. DeployBot.他们关于Shopify的帮助文章提供了一些如何入门的信息.两种选择都来自同一家公司.这是他们在博客上做过的比较.

4.第三方图书馆

1. 如果您使用该OSX编辑器,Shopify还有一个未正式支持的替代方案,即TextMate Bundle.

2. 有一个非正式的扩展cli类似于主题工具包,但有更多功能称为Quickshot,我刚刚根据Matt的反应发现,看起来非常棒.他们强调的一些功能是:

   • 支持上传到多个Shopify商店和主题
   • 易于使用的配置向导
   • 并行上传/下载大大减少了传输时间
   • 在上传到Shopify之前,支持在本地自动编译scss
   • 支持将Babel/ES6自动编译为易于使用的模块 - Requirejs和其他人
   • 可以与.gitignore文件或自定义.quickshotignore文件一起使用.
   • 可以下载/上传Shopify博客,页面和产品!在商店之间轻松转移!甚至是元场!并在您喜欢的编辑器中本地编辑它们.

Answer 2

Shopify最近发布了Slate,一种用于主题开发的新工具.

https://github.com/Shopify/slate