【Shopify.dev和訳】Themes/Dev tools/Theme Check/VSCode extension
この記事について
この記事は、Themes/Dev tools/Theme Check/Shopify Liquid VS Code extensionの記事を和訳したものです。
記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
Shopify Liquid Visual Studio Code extension の使用開始について
Theme Check は Shopify Liquid Visual Studio Code extension の一部として追加することができます。Shopify Liquid Visual Studio Code エクステンションには以下のような機能があります。
- エディタ内のエラーに下線を引き、警告を表示する
- 以下のような一部の Liquid 構文を自動補完します。
- Liquid のデリミタを自動的に閉じる
- キーボードショートカットを使って Liquid の
{% comment %}と{% endcomment %}タグを行コメントやブロックコメントに適用する - インデントの適用
動作環境
Shopify CLIがインストールされている必要があります。
Visual Studio Code でのエクステンションのインストール
Visual Studio Marketplaceから Shopify Liquid の Visual Studio Code extension をインストールできます。
次のステップ
Shopify アプリのご紹介
Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。
Shopify アプリである、「らくらく日本語フォント設定｜リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。
Discussion