WebStorm设置代码片段

545 阅读1分钟

一、前言

为了便于开发,提高生产效率,我们通常会复制粘贴一些共同代码,在WebStorm中,可以将这些常用片段制作成模板,在使用的时候,只需要输入片段关键字即可将模板的代码选择到代码文件中。

二、设置入口.

1.设置

编辑器主页找到设置,一般为齿轮模样,每个版本的WebStorm的设置位置可能会有些许不同

1、2入口二选一

image.png

2.模板设置页

  • 编辑器>>>实时模版

image.png

image.png

三、代码片段设置

  • 左上角加号>>>实时模版>>>添加至对应语法>>>当前语法处于选中状态>>>复制模版至模版文本中>>>勾选按照样式重新设置格式

image.png

image.png

四、生效设置

此处以vue模版为例

image.png

  • 点击定义>>>勾选vue

image.png

  • 返回查看适用类型>>>确认

image.png

效果预览

image.png