PhpStorm 2021.3 Help

JavaScript 后缀模板

后缀代码完成允许您围绕刚刚键入的表达式添加模板代码。当您在点后键入其缩写(后缀)并按扩展键(Tab默认情况下)或在代码完成弹出窗口中选择缩写时,模板会展开。例如,.if应用于表达式的后缀用if语句包装它。

PhpStorm 附带一组预定义的后缀模板,并允许您定义自己的自定义模板,请参阅创建自定义后缀模板

可以复制、更新和删除自定义模板。对于预定义模板,您只能更改它们的后缀,例如用较短的键替换长键。

函数 m(arg) { arg.if }
函数 m(arg) { if (arg) { } }

从Postfix 代码完成中了解更多信息。

  1. Ctrl+Alt+S打开 IDE 设置并选择Editor | 一般 | 后缀完成

  2. 在打开的Postfix Completion页面上,选中Enable postfix templates复选框。

    该页面显示了可用后缀的列表以及旁边的相应模板。当您选择后缀时,“描述”窗格会说明相应的转换,显示模板展开前后的代码片段。

    要激活后缀,请选中它旁边的复选框。

应用后缀模板

  1. 键入您的表达式,后跟一个点。

  2. 键入后缀并按扩展键(默认Tab)或从建议列表中选择后缀。如有必要,选择要包围或替换的表达式。

    所有后缀模板的默认扩展键是Tab. 请参阅更改默认扩展键以了解如何选择另一个扩展键。

创建自定义模板

  1. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Editor | 一般 | 后缀完成

  2. 在打开的Postfix Completion页面上,单击添加按钮,然后选择模板将使用的语言。您可以选择JavaScript 和 TypeScriptTypeScript

  3. 在打开的创建新模板对话框中,键入模板后缀,选择语言级别,键入模板代码,然后$EXPR$在需要插入初始表达式的位置添加。添加$END$您希望光标在末尾的位置。

    后缀补全:创建自定义模板

    要让 PhpStorm 在调用模板时自动转换最上面的适用表达式,请选中Apply to the topmost 表达式复选框。

    否则,如果清除该复选框,PhpStorm 会在您调用模板时提示您选择表达式:

    应用自定义后缀模板

您还可以创建一个与现有模板略有不同的新模板,例如,在其语言上下文或光标的最终位置方面。PhpStorm 允许您复制原始模板并在该副本中进行必要的更改。

从现有模板创建新的自定义模板

  1. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Editor | 一般 | 后缀完成

  2. 在打开的Postfix Completion页面上,选择要从中创建新模板的自定义模板,然后单击图标操作副本工具栏上的 。

  3. 在打开的编辑模板对话框中,根据需要编辑模板并键入新的后缀。

更改默认扩展键

  • Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Editor | 一般 | Postfix Completion,然后从Expand templates with列表中选择一个新键。

禁用后缀完成

  • 要禁止扩展所有已配置的后缀模板,请清除启用后缀模板复选框。

  • 要禁止扩展特定模板,请清除其后缀旁边的复选框。

最后修改:2021 年 12 月 10 日