对于模板的一些小改动,可以在Shopify后台直接编辑;但如果是新开发的模板,或者比较大的改动,直接在后台编辑的话,就有点事倍功半了。
使用Shopify主题套件,可以帮助我们创建本地开发环;相比后台编辑,使用熟悉的编辑器,熟悉的版本控制器,能够使得模板的开发工作,事半功倍。
官方文档:https://shopify.github.io/themekit/
*****
注:以下文档基于Windows系统。
第一步:安装Theme Kit
1、创建自定义目录E:\ThemeKit
2、将下载的主题工具包移动到E:\ThemeKit
3、添加环境变量
4、使用CMD命令行打开,输入theme version验证安装是否成功。
![](https://img.kancloud.cn/42/9d/429d58808ba2c83991a3ee1b487990bf_242x97.png)
*****
第二步:获取API访问权限
1、登录到Shopify后台,点击“应用”,在页面底部附近,点击“管理专有应用”。
![](https://img.kancloud.cn/1f/d9/1fd939017257fdfce6d938eb68682b34_1536x881.png)
2、如果未启用专有应用,则点击“启用专有应用开发”按钮。
![](https://img.kancloud.cn/e7/02/e702a3dacb00d29849633f03c9ea39a1_980x530.png)
![](https://img.kancloud.cn/b2/5e/b25ecb0ff07ce0b00d75b2a7c75e524f_845x497.png)
3、创建专有应用,填写应用名称和邮箱以及设置API权限。这里只对模板赋予读写权限。
![](https://img.kancloud.cn/80/8c/808c4c45ce8d20cc814e77a38eb24dbe_1012x669.png)
![](https://img.kancloud.cn/2c/b0/2cb0faf23a64578e22122c000f76c8a5_653x99.png)
4、点击“保存”和“创建应用”,可以看到后台生成了API密钥和密码,即完成了后台设置部分。
*****
第三步:下载模板
1、获取主题ID
~~~
theme get --list -p=[your-api-password] -s=[your-store.myshopify.com]
~~~
![](https://img.kancloud.cn/f5/ac/f5accf8e1bfc4d94664fc07df94485fd_892x92.png)
2、获取指定主题
~~~
theme get --password=[your-api-password] --store=[your-store.myshopify.com] --themeid=[your-theme-id]
~~~
![](https://img.kancloud.cn/9b/be/9bbef04dec8a99f52cb3b39e0936c6e0_946x84.png)
![](https://img.kancloud.cn/fc/e3/fce34fef2f82145c5a85b9028f353537_745x273.png)
*****
3、更新服务器主题。
Watch将启动一个过程,该过程将监视您的目录中的更改并将其上载到Shopify。任何更改将被记录到终端,并且上传状态也将被记录。只需键入ctrl + C即可停止该程序。
启动:
```
theme watch --allow-live
```
修改代码:
![](https://img.kancloud.cn/32/d3/32d3584a32ee3d5dbbde079b9679293f_609x185.png)
自动推送:
![](https://img.kancloud.cn/15/a5/15a52fa0542b1f8a5ae3e9bcab4a0545_730x109.png)
验证:
![](https://img.kancloud.cn/c1/e2/c1e2ed92f456c78bcab680c03839a3ac_373x156.png)