实时模板
使用 实时模板将常用结构插入到代码中，例如循环、条件、声明或打印语句。
要展开代码片段，请键入对应的模板缩写并按下 Tab。 继续按下 Tab 可在模板中的一个 变量与另一个之间跳转。 按下 Shift+Tab 可跳转到上一个变量。
实时模板类型
可以区分以下类型的实时模板：
简单模板只包含固定的纯文本。 展开简单模板时，文本会自动插入到源代码中，替换缩写。 例如，
flow会插入一个@flow注解，vbase会扩展为一个 Vue 单文件组件的存根，等等。
参数化模板包含允许用户输入的 变量。 展开参数化模板时，变量会被输入字段替代，供用户手动指定，或由 WebStorm 自动计算。 例如，
importitems会扩展为一个import语句，您可以依次指定路径和导入的成员作为参数。
环绕模板使用用户指定的文本包裹选中的代码块。 例如，
T会展开为一对标签，您可以为其指定名称。 您也可以选择代码块，然后按下 Ctrl+Alt+J 打开 选择模板 弹出窗口，并选择T模板用一对标签将选中内容包裹起来。
JavaScript 后缀模板 是实时模板，但用于为现有代码创建结构。 例如，您可以在表达式后输入 .if 来调用相应的后缀补全，并使用 if 语句包裹该表达式。
配置实时模板
要配置实时模板，请打开 编辑器 | 活动模板 设置页面 Ctrl+Alt+S。 在 活动模板 页面上，您可以查看所有可用的实时模板、编辑模板并 创建新模板。
为便于查找和编辑模板，模板被划分为不同组。 要将模板移动到其他分组，请右键点击模板，选择 移动 ，然后选择所需的分组名称。
每个实时模板通过一个包含字母数字字符、点和连字符的缩写来定义。 缩写在每个分组中必须唯一，但可以在不同分组中重复使用，并根据对应实时模板的上下文扩展为不同结构。 修改过的默认模板的缩写将在列表中显示为蓝色字体。
将已修改的模板恢复为默认设置
在 实时模板页面的 设置 对话框中，右键点击要恢复的模板并选择 恢复默认设置。