言語と参照のインジェクション

一時的な言語インジェクションを追加する

1. 言語を挿入する文字列またはテンプレートのリテラル、タグ、属性内にキャレットを配置し、Alt+Enter を押します（またはインテンションアクションアイコン を使用します）。

2. 言語または参照の挿入を選択し、インジェクションする言語を選択します。

   

永続的な言語インジェクションを追加する

言語インジェクションコメント (アノテーション) を使用して、インジェクションされた言語の永続的なフラグメントを追加します。

• 言語をインジェクションするとき、WebStorm はアノテーションを加えることを提案します。提案を受け入れるには Alt+Enter を押します。

• ターゲット文字列リテラルの前に空白行を追加し、次のコメントを入力します。

  language=<language_ID>

  コメントについては、インジェクションしたい言語の構文を使用してください。言語 ID は一般的に直感的です。たとえば、SQL、RegExp、XML、HTML などです。

  設定で言語 ID を確認することもできます。Ctrl+Alt+S を押して設定を開き、エディター | 言語インジェクションを選択します。言語のインジェクションルールをダブルクリックすると、言語 ID が ID フィールドに指定されます。

• (オプション) コメントに接頭辞または接尾辞を含めます。

  // language=<language_ID> prefix=<prefix> suffix=<suffix>

  これは次の場合に必要です:

  • 文字列は不完全 / 部分的な SQL 文です

  • 文字列は、サポートされている呼び出し（select /where) など）で直接使用されていません。

フラグメントエディターを開く

1. 挿入されたコード部分内にキャレットを置き、Alt+Enter を押します (またはインテンションアクションアイコン を使用します)。

2. <言語 ID> フラグメントの編集を選択します。

   WebStorm は、インジェクションされた言語でコードを編集するための専用エディターセクションを開きます。このエディターは、コード補完、インスペクション、インテンションアクション、コードスタイルアクションを含む完全なコーディング支援機能を提供します。

一時的な参照インジェクションを追加する

1. Place the caret inside the string or template literal in which you want to inject a reference and press Alt+Enter (or use the intention action icon ).

2. 言語または参照の挿入を選択し、オプションを選択します。例:

   • ファイル参照 : 指定されたファイルへの参照を追加します。

   インストールしたプラグインによっては、他の参照オプションが利用できる場合があります。

永続的な参照インジェクションを追加する

コメントを使用して永続的な参照インジェクションを追加します。

• ターゲット文字列リテラルの前に空白行を追加し、必要な値を含む // language= コメントを入力します。

  • // language=file-reference はファイルへの参照を追加します。

• コードフラグメントにキャレットを置き、Alt+Enter を押して、リストから言語または参照の挿入解除を選択します。

  

• あるいは、インジェクションコメントを削除するだけです。

インテンションアクションバルブアイコンを無効にする

エディターでインテンションアクションアイコン を非表示にするには、次の手順を実行します。

1. Ctrl+Alt+S を押して設定を開き、エディター | 一般 | 外観を選択します。

2. インテンションバルブを表示するチェックボックスをクリアします。

3. 変更を適用し、ダイアログを閉じます。