PhpStorm 2020.1ヘルプ

JavaScript 後置テンプレート

後置コード補完 lets you add template code around an expression you’ve just typed. A template expands when you type its abbreviation (postfix) after a dot and press the expansion key ( Tab by default) or when you select the abbreviation in the code completion popup. For example, the .if postfix applied to an expression wraps it with an if statement.

PhpStormには一連の事前定義された後置テンプレートが付属しており、独自のカスタムテンプレートを定義できます。カスタム後置テンプレートを作成するを参照してください。

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

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

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

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

  2. 開いた後置補完ページで、後置テンプレートを有効にするチェックボックスを選択します。

    このページには、利用可能な後置のリストと、対応するテンプレートが横に表示されます。後置を選択すると、説明ペインは、テンプレートが展開される前後のコードスニペットを示す対応する変換を示します。

    後置を有効にするには、その横にあるチェックボックスを選択します。

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

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

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

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

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

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

  2. 開いた後置補完ページで Add buttonをクリックし、テンプレートが機能する言語を選択します。JavaScriptとTypeScriptまたはTypeScriptを選択できます。

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

    Postfix completion: create custom template

    テンプレートが呼び出されたときにPhpStormが最上位の適用可能な式を自動的に変換するようにするには、一番上の式に適用するチェックボックスを選択します。

    それ以外の場合、チェックボックスをオフにすると、PhpStormはテンプレートを呼び出すときに式を選択するように求めます。

    apply custom postfix template

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

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

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

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

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

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

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

後置補完を無効にする

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

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

最終更新日: 2020年6月23日