共享实时模板
WebStorm 会在自动生成的 XML 配置文件中存储自定义实时模板组的定义,以及添加到预定义模板组中的模板。
对于自定义组,文件包含该组中所有模板的定义。
对于已修改的预定义组,文件仅包含新增(或已修改)的实时模板定义。
实时模板组配置文件存储在 templates 目录中的 IDE 配置目录。 通过复制 templates 目录中的相关文件,您可以在团队成员之间和多个 WebStorm 安装之间共享实时模板。 此外,您还可以在所有基于 IntelliJ 平台的 IDE 中共享实时模板。
使用 Backup and Sync 共享实时模板
如果您希望在自己的 IDE 之间同步实时模板(而不是与团队成员共享),可以使用 Backup and Sync。 Backup and Sync 使用 JetBrains 服务器,在您使用 JetBrains 帐号登录的 IDE 之间同步 IDE 设置。
按 Ctrl+Alt+S 打开 设置 ,进入 。
如果尚未启用 Backup and Sync,请点击 启用Backup and Sync。
要共享实时模板,请确保在 配置要同步的内容 下勾选了 代码设置 复选框。 在您希望共享代码设置(包括实时模板)的其他 IDE 中,也勾选此复选框。
快捷方式:复制并粘贴
如果您只想共享一个或几个模板,且无需定期同步,您可以直接从一个 IDE 复制并粘贴到另一个 IDE。 模板的 XML 表示(包括其名称、描述和变量)将被复制到剪贴板中。
按 Ctrl+Alt+S 打开设置,然后选择 。
展开一个模板组,选择一个或多个模板,然后按 Ctrl+C (或右键点击模板并选择 复制)。
在目标 IDE 中,按 Ctrl+Alt+S 打开 IDE 设置,导航到一个实时模板组,并按 Ctrl+V。
手动导出和导入实时模板
WebStorm 还允许导出和导入所有实时模板,这可能比手动复制单个模板更方便。
手动导出实时模板
从菜单中选择 。
在 导出设置 对话框中,确保选中 代码模板(方案) 复选框,并指定要保存导出设置的存档路径及名称。

请注意,如果您的项目中包含至少一个自定义实时模板,则 代码模板 复选框将显示在 导出设置 对话框中。
点击 确定 以根据导出设置生成文件。 您可以将此文件分享给团队成员,或在另一个 WebStorm 安装中导入。
导入实时模板
从菜单中选择 。
指定包含导出实时模板的存档路径。
在 选择要导入的组件 对话框中,勾选 代码模板 复选框并点击 确定。
重新启动 WebStorm 后,您将在 编辑器 | 代码模板 设置页面 Ctrl+Alt+S 上看到导入的实时模板。
在不同 IDE 之间共享模板的示例
如果您从源 IDE 中导入的自定义模板(更新)属于一个在目标 IDE 中尚未预定义的组,则该组会被创建,但仅包含自定义模板(不包含默认预定义模板)。 以下示例演示在 WebStorm 中将自定义模板添加到预定义组后在 PhpStorm 中重用的情况。
在 WebStorm 中, Handlebars 模板组是预定义的,包含一个模板 itar。 如果将 t (tag pair) 模板添加到该组,将保存此更新:

在 PhpStorm 中,不存在 Handlebars 预定义模板组。 因此,当从 WebStorm 导出实时模板并将其导入 PhpStorm 时,会创建 Handlebars 组,但仅包含导出前在 WebStorm 中添加的 t (tag pair) 模板:
