webstorm 自定义代码模板

1. Ctrl+Shift+A查找设置live
   
2. 添加代码片段Live Template
   

3. 编写代码的时候 缩写+Tab 即可输出代码片段
   

   缩写启动对应代码片段的钥匙。
   描述代码片段的名字。
   模板文本代码片段的内容。$变量名$为模板中定义的变量，可以在右侧的编辑变量中设置变量信息及Tab顺序

4. define选择模板应用场景