1. 安裝ruby 2.7 + rubygem

2. gem install shopify-cli

3. 輸入shopify version確認

4. 輸入以下命令登入shopify的partner帳號

    shopify login
   

5. 輸入以下命令登入該帳號要編輯的store

   shopify login --store=STORE_NAME
   

   e.g. 商店網址:https://mia-treasure-shop.myshopify.com/

    shopify login --store=mia-treasure-shop
   

6. vscode安裝插件

   • Liquid (ctrl + shift + l 自動排版)
   • Shopify Liquid

7. ctrl + shift + p開啟命令視窗 -> settings.json -> 加入

   "emmet.includeLanguages": {
        "liquid": "html"
    }, 
   

8. shopify theme serve
   

注意

• 如果無法theme serve -> 登出所有shopify相關帳號 -> 直接用store網址/admin登入, 要跳出有二階段認證之類的才是正確的 -> 再透過cli登入即可

• 如果有 VS code 有使用 prettier 請將資料夾設為 workspace ，並將prettier 設定為 disable workspace