从零开始开发Shopify主题:(2)安装Shopify主题开发工具包

Shopify Theme Kit是Shopify开发主题的命令行开发工具包,这套工具包主要功能如下:

  • 上传主题到多种环境
  • 快速上传和下载主题
  • 监测本地文件更改情况并自动上传至Shopify
  • 适用于Windows、Linux和MacOS

1、安装Shopify Theme Kit

我这里使用的mac,并使用了homebrew,因此使用下面的命令安装:

brew tap shopify/shopify
brew install themekit

Windows用户可以使用chocolatey来安装:

choco install themekit

Linux用户可以用以下命令安装:

curl -s https://shopify.github.io/themekit/scripts/install.py | sudo python

也可以使用下面的安装包进行安装:

操作系统架构MD5 checksums下载链接
macOS64-bitde099b8dbf9e65a45b218ef26dbd1ca4download
Windows64-bit264ea64005bb8a3e56189430a7a166e3download
Windows32-bitd005b0d4538257036b435b35029b4d07download
Linux64-bit2a01f2c6d3c193525bb32b70e26d9e20download
Linux32-bit37208f558c1f4966171983c630cce12cdownload
FreeBSD64-bitea9e4b585eae9fd624d53ac45e8a0df6download
FreeBSD32-bitda0d8af62fd7fe6d1f6d635600298618download

2、获取API访问权限

到开发者店铺后台,还没申请开发店铺后台的,可以参考从零开始开发Shopify主题:(1)注册开发者店铺

进入应用,创建一个专有应用,如下图:

填写专有应用名称,邮箱地址,并打开模板的读写权限:

保存后,就可以得到API密钥和密码。

3、创建一个新主题

在本地终端输入如下命令:

theme new --password=[your-password] --store=[your-store.myshopify.com] --name=[theme name]

回车后它会帮我们做以下事情:

  • 在本地生成基本主题模板框架
  • 在Shopify开发网店上创建一个新主题
  • 把本地的模板文件上传到Shopify开发网店
  • 使用新主题的配置文件或者更新本地原来已经存在的配置文件

4、联机调试主题

在刚才我们在本地生成的主题目录下面,输入如下命令:

theme watch

接着,在终端就可以看到监听启动了,这个时候我们再用编辑器,比如:WebStorm编辑我们刚才主题文件,就可以实时同步到我们的Shopify开发网店了,是不是欧了:)

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值