免費(fèi)參與·100+跨境活動(dòng) 
免費(fèi)下載·4000+跨境資料 
免費(fèi)學(xué)習(xí)·2000+直播課程 
免費(fèi)加入·15萬(wàn)+賣(mài)家交流群 
2021-02-21 10:32
摘要
身為 shopify 網(wǎng)站管理者與開(kāi)發(fā)者 時(shí)常需要根據(jù)需求去編輯代碼，進(jìn)行少量的代碼編輯在頁(yè)面上編輯還好，但是需要編輯大量的代碼則是非常不方便的，因此需要我們將代碼同步到本地，并在本地編輯可以自動(dòng)同步到shopify服務(wù)器上
第一步、搭建 shopify 本地開(kāi)發(fā)所需要的環(huán)境
1、安裝 chocolatey
chocolatey 安裝 根據(jù) chocolatey 官網(wǎng)安裝即可，非常簡(jiǎn)單
安裝完成，我們可以用 choco 命令測(cè)試下是否安裝好了
2、使用 choco 命令安裝 themtekit
choco install themekit
thmem - version
獲取shopify API權(quán)限
1、創(chuàng)建 API 專(zhuān)有應(yīng)用
2、開(kāi)放主題讀寫(xiě)權(quán)限 theme templates and theme assets
到這里就開(kāi)放好權(quán)限了，非常簡(jiǎn)單
連接 Shopify
1、獲取密碼、準(zhǔn)備好編輯工具我比較喜歡用的是vscode，你也可以用你自己喜歡的
2、查詢(xún) 主題ID
theme get --list -p=密碼 -s=店鋪.myshopify.com
// 如果該命令無(wú)法查詢(xún)到主題ID就用下面這條
theme get --list --password=密碼 --store=店鋪.myshopify.com
3、下載主題（同步主題）
theme get -p=密碼 -s=店鋪.myshopify.com -t=主題id
// 如果上面那條不行就用下面這條
theme get --password=密碼 --store=店鋪.myshopify.com -t=主題id
開(kāi)始開(kāi)發(fā)
1、執(zhí)行 主題監(jiān)視命令 theme watch，執(zhí)行該命令，則 themtekit 會(huì)自動(dòng)監(jiān)聽(tīng)文件的變更，如果文件變更則就會(huì)自動(dòng)將代碼同步到 shopify 服務(wù)器
theme watch
2、接下來(lái)我們隨便改個(gè)文件試試，改完之后記得按保存，才會(huì)觸發(fā)
到這里就已經(jīng)完成了，你可以預(yù)覽或打開(kāi)的對(duì)應(yīng)的主題查看編輯效果 記得每次重新打開(kāi)編輯器的時(shí)候記得 啟動(dòng)下監(jiān)聽(tīng)，即執(zhí)行 theme watch
（來(lái)源：baymax）
以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。
（來(lái)源：baymax）
