ライブテンプレート

ライブテンプレートの種類

次のタイプのライブテンプレートが区別されます。

• シンプルなテンプレートは固定のプレーンテキストのみを含みます。単純なテンプレートを展開すると、そのテキストがソースコードに自動的に挿入され、省略形が置き換えられます。例: flow は @flow アノテーションを挿入し、vbase は Vue シングルファイルコンポーネント用のスタブに展開されます。

  

• パラメーター化されたテンプレートには、ユーザー入力を可能にする変数が含まれています。パラメーター化されたテンプレートを展開すると、変数は、ユーザーが手動で指定するための入力フィールドに置き換えられるか、WebStorm によって自動的に計算されます。例: importitems は import ステートメントに展開され、最初にパスを指定してから、インポートされたメンバーをパラメーターとして指定できます。

  

• 囲みテンプレートは、選択したコードのブロックをユーザーが指定したテキストで囲みます。例: T は、名前を指定できるタグのペアに展開されます。また、コードブロックを選択し、Ctrl+Alt+J を押してテンプレートの選択ポップアップを開き、T テンプレートを選択して、選択肢をタグのペアでラップすることもできます。

JavaScript 後置テンプレートはライブテンプレートですが、既存のコードの構造を作成します。例: 式の後に .if を入力して、対応するポストフィックスの補完を呼び出し、式を if ステートメントでラップすることができます。

ライブテンプレートの構成

ライブテンプレートを設定するには、エディター | ライブテンプレート設定ページ Ctrl+Alt+S を開きます。ライブテンプレートページでは、利用可能なすべてのライブテンプレートを表示し、チェックボックスを使用して有効 / 無効にしたり、既存のテンプレートを編集したり、新しいテンプレートを作成したりできます。

テンプレートの検索と編集を簡単にするために、テンプレートはグループに分割されています。テンプレートを別のグループに移動するには、テンプレートを右クリックして移動を選択し、必要なグループ名を選択します。

各ライブテンプレートは、英数字、ドット、ハイフンを含む省略形で定義されます。略語はグループ内で一意である必要がありますが、同じ略語が異なるグループで使用され、対応するライブテンプレートのコンテキストに従って異なる構成に拡張される場合があります。変更されたデフォルトのテンプレートの略語は、リストに青色のフォントで表示されます。