shopify ローカルでコードを編集する方法

shopify ローカルでコードを編集する方法

3月 18, 2022

shopifyのテーマファイルをローカルで編集する方法を学んだので書き残していきます。

■ ディレクトリを作り、vscodeで開く

まず空のディレクトリを作ります。今回はliquid学習テーマとして作成しました。
vscodeで開いていきます。

■ターミナルからストアにログイン

ターミナルからストアにログインするには下記コマンドの末尾に自身のストアのurlを打ち込みます。

shopify login —store .myshopify.com.

成功すると下記のような画面になります。

■ストアからファイルをダウンロード

ストアからファイルをダウンロードするには下記のコマンドを叩きます。

shopify theme pull

するとどのテーマをプルするか選択できます。
選択するとダウンロードが始まります。

ファイルが追加されていれば成功です。

■ローカルサーバーの起動

shopify theme serveコマンドでローカルサーバーが起動します。

■ストアにプッシュする

最後に変更した内容をプッシュします。下記のコマンドを叩きます。

shopify theme push

これでローカルでの編集を反映できます。