codecamp

JavaScript的Postfix模板

Postfix模板

提示:所有后缀模板的默认扩展键是:Tab。您可以按照“更改默认扩展键”中的说明选择另一个项。

后缀(postfix)代码完成允许您在刚刚键入的表达式周围添加模板代码。当您在点后面输入缩写(后缀)并按下扩展键或在代码完成弹出窗口中选择缩写时,模板会展开。例如,应用于表达式的.if后缀会将其包装为if语句。IntelliJ IDEA附带一组预定义的后缀模板,并允许您为JavaScript和TypeScript定义自己的自定义模板。请注意,JavaScript模板也适用于TypeScript文件。

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

使用扩展模板前使用扩展模板后
function m(arg) {
arg.if
}
function m(arg) {
if (arg) {

}
}

激活后缀完成

  1. 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“编辑器”下的“常规”,然后单击“后缀完成(Postfix Completion)”。
  2. 将打开该“后缀完成”页面,同时显示,并且旁边有相应的模板可用后缀的列表。当您选择后缀时,“描述”窗格会显示相应的转换,显示扩展模板之前和之后的代码段。
  3. 选中“启用后缀模板”复选框以及需要激活的后缀旁边的复选框。

应用后缀模板

  1. 输入你的表达式,并且后面跟着一个点(.)。
  2. 输入后缀并按扩展键(默认值为:Tab)或从建议列表中选择后缀。如有必要,请选择要包围或替换的表达式。

创建自定义模板

  1. 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“编辑器”下的“常规”,然后单击“后缀完成”。
  2. 在打开的“后缀完成”页面上,单击添加按钮,然后选择模板的工作的语言。您可以选择JavaScript或TypeScript,JavaScript模板也适用于TypeScript文件。
  3. 在打开的“创建新模板”对话框中,输入模板后缀,选择语言级别,输入模板代码,然后在需要插入初始表达式的位置添加$EXPR$。将$END添加到光标所在的位置。

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

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

  1. 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“编辑器”下的“常规”,然后单击“后缀完成”。
  2. 在打开的“后缀完成”页面上,选择要从中创建新模板的自定义模板,然后单击工具栏上的图标行动复制svg
  3. 在打开的“编辑模板”对话框中,根据需要编辑模板并输入新的后缀。

要更改默认扩展键

  • 在“设置/首选项”对话框(Ctrl+Alt+S)中,单击“编辑器”下的“常规”,然后单击“后缀完成”。在打开的“后缀完成”页面上,从“扩展模板”列表中选择一个新键。

禁用后缀完成

  • 要禁止展开所有已配置的后缀模板,请清除“启用后缀模板”复选框。
  • 要禁止展开特定模板,请清除其后缀旁边的复选框。
JavaScript文档查找
ESLint:提供linting规则
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

IntelliJ IDEA的一般准则

什么是IntelliJ IDEA项目

使用IntelliJ IDEA的意图行为

IntelliJ IDEA使用运行/调试配置

特定于VCS的程序

IntelliJ IDEA语言和特定框架指南

IntelliJ IDEA的数据库和SQL功能

IntelliJ IDEA使用之JavaServer Faces(JSF)

IntelliJ IDEA:分析PHP应用程序的性能

IntelliJ IDEA:调试PHP应用程序

IntelliJ IDEA:适用于PHP的Google App Engine

IntelliJ IDEA更多内容

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }