PhpStorm 2019.3ヘルプ

JavaScript 後置テンプレート

後置コード補完では、入力したばかりの式の周囲にテンプレートコードを追加できます。ドットの後に略語(後置)を入力して展開キー(デフォルトではTab )を押すか、またはコード補完ポップアップで略語を選択すると、テンプレートが展開されます。例:式に適用された .if 接尾辞は、それを if ステートメントでラップします。

PhpStormには事前定義された一連の接尾辞テンプレートが同梱されており、JavaScriptおよびTypeScript用に独自のカスタムテンプレートを定義できます。JavaScriptの事前定義済みテンプレートは、TypeScriptファイルでも機能することに注意してください。

カスタムテンプレートは、コピー、更新、および削除できます。あらかじめ定義されたテンプレートの場合は、長いキーを短いものに置き換えるなど、それらのポストフィックスを変更することしかできません。

function m(arg) { arg.if }
function m(arg) { if (arg) { } }

後置コード補完の詳細を参照してください。

後置補完を有効にする

  1. 設定/環境設定ダイアログ Ctrl+Alt+Sで、エディター一般をクリックしてから、後置補完をクリックします。

  2. 後置補完ページが開き、利用可能なポストフィックスのリストとその隣の対応するテンプレートが表示されます。ポストフィックスを選択すると、テンプレートが展開される前後のコードスニペットを示す対応する変換が説明ペインに表示されます。

  3. 後置テンプレートを有効にするチェックボックスを選択し、アクティブにする必要のある接尾辞の横にあるチェックボックスを選択します。

後置テンプレートを適用する

  1. 式の後にドットを入力します。

  2. 接尾辞を入力して展開キー(デフォルトでは Tab)を押すか、候補リストから接尾辞を選択します。必要に応じて、囲むか置換する表現を選択してください。

    すべての後置テンプレートのデフォルトの拡張キーは Tabです。別の方法を選択する方法については、デフォルトの拡張キーの変更を参照してください。

カスタムテンプレートを作成する

  1. 設定/環境設定ダイアログ Ctrl+Alt+Sで、エディター | 一般 | 後置補完に移動します。

  2. 開いている後置補完ページで、Add buttonをクリックし、テンプレートが動作する言語を選択します。JavaScriptまたはTypeScriptを選択できます。JavaScriptテンプレートはTypeScriptファイルでも動作します。

  3. 開いている新しいテンプレートを作成するダイアログで、テンプレートのポストフィックスを入力し、言語レベルを選択し、テンプレートコードを入力して、最初の式を挿入する場所に $EXPR$ を追加します。 $END$ を追加して、カーソルを最後に配置します。

言語コンテキストやカーソルの最終的な位置など、既存のテンプレートとは若干異なる新しいテンプレートを作成することもできます。PhpStormでは元のテンプレートをコピーし、そのコピーに必要な変更を加えることができます。

既存のテンプレートから新しいカスタムテンプレートを作成する

  1. 設定/環境設定ダイアログ Ctrl+Alt+Sで、エディター | 一般 | 後置補完に移動します。

  2. 開いている後置補完ページで、新しいテンプレートを作成するカスタムテンプレートを選択し、ツールバーの icons actions copy をクリックします。

  3. 開いているテンプレートを編集ダイアログで、必要に応じてテンプレートを編集し、新しい接尾辞を入力します。

デフォルトの拡張キーを変更する

  • 設定/環境設定ダイアログ Ctrl+Alt+Sエディター | 一般 | 後置補完に移動し、次でテンプレートを展開 リストから新しいキーを選択します。

後置補完を無効にする

  • 設定されたすべての接尾辞テンプレートの展開を抑止するには、後置テンプレートを有効にするチェックボックスをオフにします。

  • 特定のテンプレートを展開しないようにするには、その接尾辞の横にあるチェックボックスをオフにします。

最終更新日: 2019年12月9日