JavaScript 后缀模板
后缀代码完成允许您围绕刚刚键入的表达式添加模板代码。当您在点后键入其缩写(后缀)并按扩展键(Tab默认情况下)或在代码完成弹出窗口中选择缩写时,模板会展开。例如,.if
应用于表达式的后缀用if
语句包装它。
PhpStorm 附带一组预定义的后缀模板,并允许您定义自己的自定义模板,请参阅创建自定义后缀模板。
可以复制、更新和删除自定义模板。对于预定义模板,您只能更改它们的后缀,例如用较短的键替换长键。
前 | 后 |
---|---|
函数 m(arg) { arg.if }
|
函数 m(arg) { if (arg) { } }
|
从Postfix 代码完成中了解更多信息。
按Ctrl+Alt+S打开 IDE 设置并选择Editor | 一般 | 后缀完成。
在打开的Postfix Completion页面上,选中Enable postfix templates复选框。
该页面显示了可用后缀的列表以及旁边的相应模板。当您选择后缀时,“描述”窗格会说明相应的转换,显示模板展开前后的代码片段。
要激活后缀,请选中它旁边的复选框。
应用后缀模板
键入您的表达式,后跟一个点。
键入后缀并按扩展键(默认Tab)或从建议列表中选择后缀。如有必要,选择要包围或替换的表达式。
所有后缀模板的默认扩展键是Tab. 请参阅更改默认扩展键以了解如何选择另一个扩展键。
创建自定义模板
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到 。
在打开的Postfix Completion页面上,单击,然后选择模板将使用的语言。您可以选择JavaScript 和 TypeScript或TypeScript。
在打开的创建新模板对话框中,键入模板后缀,选择语言级别,键入模板代码,然后
$EXPR$
在需要插入初始表达式的位置添加。添加$END$
您希望光标在末尾的位置。要让 PhpStorm 在调用模板时自动转换最上面的适用表达式,请选中Apply to the topmost 表达式复选框。
否则,如果清除该复选框,PhpStorm 会在您调用模板时提示您选择表达式:
您还可以创建一个与现有模板略有不同的新模板,例如,在其语言上下文或光标的最终位置方面。PhpStorm 允许您复制原始模板并在该副本中进行必要的更改。
从现有模板创建新的自定义模板
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到 。
在打开的Postfix Completion页面上,选择要从中创建新模板的自定义模板,然后单击工具栏上的 。
在打开的编辑模板对话框中,根据需要编辑模板并键入新的后缀。
更改默认扩展键
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到 ,然后从Expand templates with列表中选择一个新键。
禁用后缀完成
要禁止扩展所有已配置的后缀模板,请清除启用后缀模板复选框。
要禁止扩展特定模板,请清除其后缀旁边的复选框。