webstorm 活动模板快速初始化

新建vue文件的结构几乎都一样,但每次都要复制粘贴也很麻烦,可以使用活动模板设置一下,快速初始化。

打开文件 ---> 设置 ---> 编辑器 ---> 活动模板  ---> 点击右侧加号 ---> 1.Live Template

webstorm 活动模板快速初始化_第1张图片

缩写处写上新建模板的快捷符号,描述随便写,模板文本处编辑好vue的模板内容,然后点击下方蓝色文字“defined”(因为我已经设置过,所以是Change),选择html。

webstorm 活动模板快速初始化_第2张图片

webstorm 活动模板快速初始化_第3张图片

然后应用、确定。

在新建的vue文件中,输入‘vue’,按下Tab键,就会快速出现设置好的模板内容。

你可能感兴趣的:(vue.js)