【Shopify.dev和訳】Themes/Dev tools/Theme Check/VSCode extension

2021/09/30に公開約2,000字

この記事について

この記事は、Themes/Dev tools/Theme Check/Shopify Liquid VS Code extensionの記事を和訳したものです。

記事内で使用する画像は、公式ドキュメント内の画像を引用して使用させていただいております。

Shopify アプリのご紹介

Shopify アプリである、「商品ページ発売予告アプリ | リテリア Coming Soon」は、商品ページを買えない状態のまま、発売日時の予告をすることができるアプリです。Shopify で Coming Soon 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

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 機能を実現することができます。

https://apps.shopify.com/shopify-application-314?locale=ja&from=daniel

Shopify アプリである、「らくらく日本語フォント設定|リテリア Font Picker」は、ノーコードで日本語フォントを使用できるアプリです。日本語フォントを導入することでブランドを演出することができます。

https://apps.shopify.com/font-picker-1?locale=ja&from=daniel

Discussion

ログインするとコメントできます