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 を開き、目的のディレクトリを選択します。
新規リストから Liquid ファイルを選択します。
に進みます。別の方法として、Alt+Insert を押して、ファイル名を指定して、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 はコンテキストを分析し、現在のキャレット位置から到達可能な選択肢を提案します (提案にはライブテンプレートも含まれます)。基本コード補完がフィールド、パラメーター、変数宣言の一部に適用されている場合、PhpStor...

コードの整形
PhpStorm を使用すると、現在のコードスタイルスキームまたは .editorconfig ファイルで指定した要件に従ってコードを再フォーマットできます。で定義されていないものがあれば、プロジェクト設定から取得されます。コードの一部、ファイル全体、ファイルのグループ、ディレクトリを再フォーマットできます。コードの一部または一部のファイルを再フォーマットから除外することもできます。コードフラグメントを再フォーマットするエディターで、再フォーマットしたいコードフラグメントを選択します。再フォーマット...

ソースコードの作成と編集
コードを使用する場合、PhpStorm は作業にストレスがないことを保証します。追加、選択、コピー、移動、編集、折りたたみ、出現箇所の検索、コードの保存に役立つさまざまなショートカットと機能を提供します。エディター内のナビゲーションについては、エディターの基本を参照してください。ファイルの読み取り専用属性の切り替えファイルが読み取り専用の場合、ステータスバー、エディタータブ、プロジェクトツールウィンドウで、閉じた鍵のアイコンがマークされます。ファイルが書き込み可能である場合、ステータスバーに開い...

ライブテンプレート
ライブテンプレートを使用して、ループ、条件、宣言、print ステートメントなどの一般的な構造をコードに挿入します。コードスニペットを展開するには、対応するテンプレートの省略形を入力してを押します。を押し続けると、テンプレート内の 1 つの変数から次の変数に移動します。を押して、前の変数に移動します。ライブテンプレートの種類:次のタイプのライブテンプレートが区別されます。シンプルなテンプレートには固定プレーンテキストのみが含まれています。シンプルなテンプレートを展開すると、テキストが自動

プラグインのインストール
プラグインは PhpStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケッ...

HTML
PhpStorm は、構文やエラーのハイライト、コードスタイルに応じたフォーマット、構造検証、コード補完、デバッグセッション中のオンザフライプレビュー(ライブ編集)やコードエディターの専用プレビュータブなど、HTML を強力にサポートします。HTML ツールプラグインを有効にするこの機能は、デフォルトで PhpStorm にバンドルされて有効になっている HTML ツールプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して設定を...