如何在本地开发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. grunt-shopify
2. grunt-shopify-upload
3. gulp-shopify-upload（这是我最喜欢的，因为我使用Gulp但有一个已知的问题，有时它会停止上传文件，你必须重新启动它。）

2。官方Shopify主题套件

主题工具包是由Shopify Employees构建的跨平台CLI工具。它可以在windows / linux / OS X上运行。您可以阅读更多相关信息on Shopify Blog或download it directly。之前提到的桌面主题编辑器的替代方案已弃用，已被Theme Kit取代。

3。第三方SaaS应用程序

这些内容适用于连续集成工作流程，而不是观察更改，您可以将对某个分支的最新推送上传到您选择的主题。

1. Beanstalk。可以在Shopify的登录页面上找到更具体的信息，here。
2. DeployBot。他们在Shopify上的help article有一些关于如何入门的信息。 两种选择都来自同一家公司。 Here's他们在博客上做过比较。

4。第三方库

1. 如果您使用该OSX编辑器，还有an alternative not officially supported by Shopify TextMate Bundle 。

2. 这是一个非常规的扩展cli，类似于主题工具包，但还有一些名为Quickshot的功能，我刚刚根据Matt的反应找到了它，看起来很漂亮真棒。他们强调的一些功能是：

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

Answer 2

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

https://github.com/Shopify/slate

Answer 3

Juan的回答很明显。

还有一个我知道的，我认为它比Themekit（我使用的）更先进一点叫做Quickshot：https://quickshot.readme.io/v2.1/docs

Answer 4

Shopify已经为Mac构建了一个工具，可让您在本地开发主题，并与商店同步https://apps.shopify.com/desktop-theme-editor

我不知道Windows / Linux等的任何内容。

Answer 5

通过运行以下命令安装状态包：

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

Answer 6

如果您正在寻找完全离线开发，那么很遗憾，目前还不可能。虽然Slate / ThemeKit CLI允许您在自己喜欢的文本编辑器中进行编码，但仍然需要互联网连接，因为它始终保持所有内容的同步。

Answer 7

截至2020年，Shopify已停止支持Slate，因此您现在可以使用Themekit-https://shopify.github.io/themekit/