從零開始開發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 下載鏈接
macOS 64-bit de099b8dbf9e65a45b218ef26dbd1ca4 download
Windows 64-bit 264ea64005bb8a3e56189430a7a166e3 download
Windows 32-bit d005b0d4538257036b435b35029b4d07 download
Linux 64-bit 2a01f2c6d3c193525bb32b70e26d9e20 download
Linux 32-bit 37208f558c1f4966171983c630cce12c download
FreeBSD 64-bit ea9e4b585eae9fd624d53ac45e8a0df6 download
F
reeBSD 32-bit da0d8af62fd7fe6d1f6d635600298618 download

2、獲取API訪問權限

到開發者店鋪後臺,還沒申請開發店鋪後臺的,可以參考從零開始開發Shopify主題:(1)註冊開發者店鋪

進入應用,創建一個專有應用,如下圖:
在這裏插入圖片描述
在這裏插入圖片描述
填寫專有應用名稱,郵箱地址,並打開模板的讀寫權限:
在這裏插入圖片描述
保存後,就可以得到API密鑰和密碼。

3、創建一個新主題

在本地終端輸入如下命令:

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

[your-password]生成的api祕鑰
回車後它會幫我們做以下事情:

在本地生成基本主題模板框架
在Shopify開發網店上創建一個新主題
把本地的模板文件上傳到Shopify開發網店
使用新主題的配置文件或者更新本地原來已經存在的配置文件
4、聯機調試主題
在剛纔我們在本地生成的主題目錄下面,輸入如下命令:

theme watch

接着,在終端就可以看到監聽啓動了,這個時候我們再用編輯器,比如:WebStorm編輯我們剛纔主題文件,就可以實時同步到我們的Shopify開發網店了,是不是歐了:)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章