已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

Shopify 二次開發 配置本地開發教程 最詳細詳解

身為 shopify 網站管理者與開發者 時常需要根據需求去編輯代碼,進行少量的代碼編輯在頁面上編輯還好,但是需要編輯大量的代碼則是非常不方便的,因此需要我們將代碼同步到本地,并在本地編輯可以自動同步到shopify服務器上

Shopify 二次開發 配置本地開發教程 最詳細詳解

摘要

身為 shopify 網站管理者與開發者 時常需要根據需求去編輯代碼,進行少量的代碼編輯在頁面上編輯還好,但是需要編輯大量的代碼則是非常不方便的,因此需要我們將代碼同步到本地,并在本地編輯可以自動同步到shopify服務器上

第一步、搭建 shopify 本地開發所需要的環境

1、安裝 chocolatey

chocolatey 安裝 根據 chocolatey 官網安裝即可,非常簡單

安裝完成,我們可以用 choco 命令測試下是否安裝好了

Shopify 二次開發 配置本地開發教程 最詳細詳解

Shopify 二次開發 配置本地開發教程 最詳細詳解

2、使用 choco 命令安裝 themtekit

choco install themekit

Shopify 二次開發 配置本地開發教程 最詳細詳解

安裝完成后我們可以用 theme - version 查看是否安裝完成

thmem - version

Shopify 二次開發 配置本地開發教程 最詳細詳解

獲取shopify API權限

1、創建 API 專有應用

Shopify 二次開發 配置本地開發教程 最詳細詳解

2、開放主題讀寫權限 theme templates and theme assets

Shopify 二次開發 配置本地開發教程 最詳細詳解

到這里就開放好權限了,非常簡單

連接 Shopify

1、獲取密碼、準備好編輯工具我比較喜歡用的是vscode,你也可以用你自己喜歡的

Shopify 二次開發 配置本地開發教程 最詳細詳解

2、查詢 主題ID

theme get --list -p=密碼 -s=店鋪.myshopify.com

// 如果該命令無法查詢到主題ID就用下面這條

theme get --list --password=密碼 --store=店鋪.myshopify.com

Shopify 二次開發 配置本地開發教程 最詳細詳解

3、下載主題(同步主題)

theme get -p=密碼 -s=店鋪.myshopify.com -t=主題id

// 如果上面那條不行就用下面這條

theme get --password=密碼 --store=店鋪.myshopify.com -t=主題id

Shopify 二次開發 配置本地開發教程 最詳細詳解

到這里,主題代碼就同步到本地了

開始開發

1、執行 主題監視命令 theme watch,執行該命令,則 themtekit 會自動監聽文件的變更,如果文件變更則就會自動將代碼同步到 shopify 服務器

theme watch

Shopify 二次開發 配置本地開發教程 最詳細詳解

2、接下來我們隨便改個文件試試,改完之后記得按保存,才會觸發

Shopify 二次開發 配置本地開發教程 最詳細詳解

到這里就已經完成了,你可以預覽或打開的對應的主題查看編輯效果 記得每次重新打開編輯器的時候記得 啟動下監聽,即執行 theme watch

(來源:baymax)

以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。

(來源:baymax)

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索
雨果跨境顧問
【爆單沖刺】Google爆單沖刺包
雨果跨境谷歌官方顧問

收藏

--

--

分享
baymax
分享不易,關注獲取更多干貨
国产午夜精品久久久影院| 国产精品福利手机视频| 五月激情在线|