如何在当地发展Shopify主题？ [英] How to develop Shopify themes locally?

问题描述

我将处理一个Shopify主题，我想弄清楚如何在本地运行/编辑它。如果可能，我希望能够做到以下几点：

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

这是否可能？

推荐答案

您可以在此使用相当多的工作流。

1.任务运行器

如果您在本地使用Gulp或Grunt进行开发，会有一些库通过您必须创建的私有应用程序的API凭据将您的文件上传到商店。大多数工作都是通过使用监视器上载您更改的文件来实现的。

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

2.官方购物主题套件

主题工具包是Shopify员工打造的跨平台CLI工具。它可以在WINDOWS/Linux/OSX上运行。你可以阅读更多关于它的on Shopify Blog或download it directly。前面提到的桌面主题编辑器的备用选项已弃用，并已由主题工具包取代。

3.第三方SaaS应用

这些功能将与持续集成工作流配合使用，而不是监视更改，在此工作流程中，您在某个分支上的最新推送将上载到您选择的主题。

1. Beanstalk。有关更多具体信息，请访问他们的Shopify登录页面，here。
2. DeployBot。他们的help article在Shopify上有一些关于如何入门的信息。 这两个选项都来自同一家公司。Here's他们在博客上所做的比较。

4.第三方库

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

2. 有一个非官方的扩展CLI，类似于主题工具包，但具有名为Quickshot的更多功能，这是我刚刚根据Matt的回应发现的，看起来非常棒。它们突出显示的一些功能包括：

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

这篇关于如何在当地发展Shopify主题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！