Webstorm live templates(自定义模板)

本文介绍了在WebStorm中创建实时模板的步骤,包括通过设置-编辑器-实时模板打开配置,添加新模板并输入代码内容,定义模板变量,以及设置响应方式。通过自定义模板,用户可以提高编码效率,例如输入setup后按Tab键会自动填充预设的模板代码。
摘要由CSDN通过智能技术生成
前提
为了更快的创建需要的文件

参考官方地址:https://www.jetbrains.com/help/webstorm/using-live-templates.html

创建实时模板

参考:https://www.jetbrains.com/help/webstorm/creating-and-editing-live-templates.html

1.  ⌘ ,  Settings | Editor | Live Templates,打开模板

2.通过图片中的 “+” 号创建新的模板,并在 “Template text”中输入自己需要的代码内容

3. 在模板内容左下角选择填写模板内容的响应方式

模板变量

参考:https://www.jetbrains.com/help/webstorm/template-variables.html

自定义变量: $CUSTOM_PARMS$ (用$符号包住)

  1. 选择“EDIT VARIABLES”设置需要定义的变量,具体的表达式含义可参考官方地址

到此,模板就创建完成了。

演示效果

  1. 在已创建的文件的开头,输入 setup,然后按 tab,自动填入了模板代码

希望能帮助到有需要的小伙伴~ciao

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值