Shopify主题开发系列-环境搭建

2,588 阅读2分钟

最近项目要在shopify上建独立站,发现官方商店的免费主题模版不能满足需求,所以研究了几天免费模版的源码,这里记录一下。

1、注册账号

首先先去官网注册账号www.shopify.com/

进入开发者店铺后台,创建新的专用应用,填写专有应用名称,邮箱地址,并打开模板的读写权限,保存后,就可以得到API密钥和密码,这个以后本地修改代码同步用到。

2、安装主题开发工具包

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

上传和下载主题代码

监测本地文件更改情况并自动上传至Shopify,实时更新网站

Mac用户可以使用如下方式安装:

brew tap shopify/shopify
brew install themekit

Windows安装方式:

choco install themekit

Linux安装方式:

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

注:如果Mac安装失败,可以使用Linux的安装方式

3、创建主题或获取主题源码

新建项目工程文件夹,执行: theme new --password=[your-password] --store=[your-store.myshopify.com] --name=[theme name]

注意:password是上面提到的API密码,store是你创建的商店地址,name是主题的名称。命令里面的[]要去掉

在本地生成基本主题模板框架,并在Shopify开发网店上创建一个新主题,把本地的模板文件上传到Shopify开发网店

如果要获取某个主题源码到本地,可以执行: theme get -p=[your-password] -s=[your-store.myshopify.com] -t=[theme id]

如果要获取商店主题列表,可以执行: theme get --list --password=[your-password] --store=[your-store.myshopify.com]

本地开发调试可以使用 theme watch 本地修改代码,实时同步到线上商店

-------------article over-------------