My blog

The World is too big and beautiful to stay in one place forever!


1.「Shift + Shift」をクリックし、検索バーに「Live template」を入力する。

2. 「Live template」を選ぶと、スニペット一覧画面が表示される。

3. 「+」ボタンを押して、以下のようにスニペットを作成する。

4. 次に「Define」を選択して、スニペットを使いたいファイルを選ぶ。

5. 「Apply」と「Ok」をクリックして保存する。

6. 以上の例では、ファイルに「crr」と入力すると、redux reducerのテンプレートスニペットが自動的に書き込まれる。

How to create your own snippet in WebStorm.

  1. Click [Shift+Shif].
  2. On the searching bar write “Live template”.
  3. Click on it and you will see a list of snippets.
  4. Then press on [+] and create your own as in the screenshot below.
  5. Next press on [Define] and select files where you want to use this snippet.
  6. Save it by clicking on [Apply]+[Ok].
  7. It’s time to try it.


Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top