Liquid
IntelliJ IDEA は Liquid(英語) テンプレート言語をサポートし、次の機能を備えています。
構文とエラーのハイライト
波括弧区切り文字の自動クローズ
Liquid タグ（Shopify と Jekyll(英語) タグを含む）およびフィルター用の 自動補完
Ctrl+//Ctrl+Shift+/ を使用したコードの行とブロックのコメント / コメント解除
ライブテンプレート (コードスニペット)
Liquid プラグインをインストールして有効にする
IntelliJ IDEA で Liquid テンプレート言語を使用する前に、 Liquid プラグインが インストールされ、有効になっていることを確認してください。
サポートされているファイルの種類
IntelliJ IDEA は、次のファイルタイプの Liquid 構文をサポートしています。
*.liquid ファイル (Liquid コードで HTML ファイルとして処理されます)
*.html.liquid 、 *.md.liquid 、 *.css.liquid など
.html または .md ファイルを Liquid ファイルとして処理する場合は、 ファイルタイプの関連付けを構成できます。 ファイルタイプの関連付けは、IDE のすべてのプロジェクトに適用されることに注意してください。
HTML ファイルを Liquid に関連付けます
HTML ファイルを開き、 Ctrl+Shift+A を押して、 ファイルタイプと関連付け と入力します。
開いた 新しいファイルタイプの関連付けを登録する ウィンドウで、 Liquid テンプレート を選択します。
エディターで開いていたファイルは、Liquid ファイルとして処理されます。
すべての HTML ファイルを Liquid に関連付けます
Ctrl+Alt+S を押して設定を開き、 を選択します。
認識されたファイルタイプ リストから Liquid テンプレート を選択してください。
ファイル名のパターン セクションに、
*.htmlなどのパターンを入力します。入力したパターンが既存のパターンと一致する場合（たとえば、
*.htmlが HTML ファイルタイプと一致する場合）、再割り当てを確認するように求められます。
Liquid ファイルを作成する
IntelliJ IDEA で新しい Liquid ファイルを作成するには、以下の手順に従います。
プロジェクトビュー Alt+1 を開き、目的のディレクトリを選択します。
に移動します。 別の方法として、 Alt+Insert を押して、 新規 リストから Liquid ファイル を選択します。
ファイル名を指定して、 Enter を押します。
ライブテンプレート
ライブテンプレートを使用して、 if ブロック、 assign タグなどの Liquid コード構造をコードに挿入できます。
ライブテンプレートを展開する
ライブテンプレートを展開するには、対応するテンプレートの省略形を入力して Tab を押します。 事前定義された if テンプレートを使用して if ブロックを挿入する方法を見てみましょう。
Liquid ファイルで
ifと入力し、 Tab を押します。必要な条件を指定し、 Tab を押して次のステートメントに移動します。
指定した条件に必要なコードを入力します。
ライブテンプレートの構成
Liquid 固有のライブテンプレートを設定するには:
設定 Ctrl+Alt+S を開きます。
エディター | ライブテンプレート ページに移動し、 Liquid グループで目的のテンプレートを選択します。 ライブテンプレート からライブテンプレートを構成する方法を学ぶことができます。
コードスタイルの設定を構成する
Liquid の コードスタイル設定をカスタマイズするには:
Ctrl+Alt+S を押して設定を開き、 を選択します。
構文ハイライトを構成する
好みや習慣に応じて、Liquid 対応の構文ハイライトを設定できます。
設定 ダイアログ (Ctrl+Alt+S) で、 に進みます。
カラースキームを選択し、デフォルトから引き継がれたハイライト設定を受け入れるか、 色とフォント に記載された手順 に従ってカスタマイズしてください。