Liquid
PhpStorm は Liquid(英語) テンプレート言語をサポートし、次の機能を備えています。
構文とエラーのハイライト
波括弧区切り文字の自動クローズ
Liquid タグ（Shopify と Jekyll(英語) タグを含む）およびフィルター用の自動補完
Ctrl+//Ctrl+Shift+/ を使用したコードの行とブロックのコメント / コメント解除
ライブテンプレート ( コードスニペット )
Liquid プラグインをインストールして有効にする
PhpStorm で Liquid テンプレート言語を使用する前に、Liquid プラグインがインストールされ、有効になっていることを確認してください。
サポートされているファイルの種類
PhpStorm は、次のファイルタイプの 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 ファイルを作成する
PhpStorm で新しい 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）で、 に移動します。
配色を選択するか、デフォルトから継承されたハイライト設定を受け入れるか、色とフォントの説明に従ってカスタマイズします。
関連ページ：
コード補完
このセクションでは、コーディングプロセスのスピードアップを可能にするコンテキスト対応コード補完のさまざまなテクニックについて説明します。基本補完：基本コード補完は、可視性スコープ内のクラス、メソッド、キーワードの名前を完成させるのに役立ちます。コード補完を呼び出すと、PhpStorm はコンテキストを分析し、現在のキャレット位置から到達可能な選択肢を提案します (提案にはライブテンプレートも含まれます)。基本コード補完がフィールド、パラメーター、変数宣言の一部に適用されている場合、PhpSto...
コードの整形
PhpStorm を使用すると、現在のコードスタイルスキームまたは .editorconfig ファイルで指定した要件に従ってコードを再フォーマットできます。で定義されていないものがあれば、プロジェクト設定から取得されます。コードの一部、ファイル全体、ファイルのグループ、ディレクトリを再フォーマットできます。コードの一部または一部のファイルを再フォーマットから除外することもできます。コードフラグメントを再フォーマットするエディターで、再フォーマットしたいコードフラグメントを選択します。再フォーマット...
ソースコードの作成と編集
コードを使用する場合、PhpStorm は作業にストレスがないことを保証します。追加、選択、コピー、移動、編集、折りたたみ、出現箇所の検索、コードの保存に役立つさまざまなショートカットと機能を提供します。エディター内のナビゲーションについては、エディターの基本を参照してください。アクションの検索使用したいアクションのショートカットを覚えていない場合は、を押して名前でアクションを見つけてください。同じダイアログを使用してクラス、ファイル、シンボルを見つけることができます。詳しくは、名前でターゲッ...
ライブテンプレート
ライブテンプレートを使用して、ループ、条件、宣言、print ステートメントなどの一般的な構造をコードに挿入します。コードスニペットを展開するには、対応するテンプレートの省略形を入力してを押します。を押し続けると、テンプレート内の 1 つの変数から次の変数に移動します。を押して、前の変数に移動します。ライブテンプレートの種類：次のタイプのライブテンプレートが区別されます。シンプルなテンプレートには固定プレーンテキストのみが含まれています。シンプルなテンプレートを展開すると、テキストが自動
プラグインのインストール
プラグインは PhpStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケッ...
HTML
PhpStorm は、構文やエラーのハイライト、コードスタイルに応じたフォーマット、構造検証、コード補完、デバッグセッション中のオンザフライプレビュー（ライブ編集）やコードエディターの専用プレビュータブなど、HTML を強力にサポートします。HTML ツールプラグインを有効にするこの機能は、デフォルトで PhpStorm にバンドルされて有効になっている HTML ツールプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して設定を...