使用LiveTemplates为Vue组件加上代码提示

设置路径:File->Setting->Editor->Live Templates->Vue

FormItem

1630034306-1-

故意少个“<”是为了输入“<vf”时就能有代码提示,否则需要输全后按“Tab”键

FormItem label="$title$:" prop="$key$">
   <Input v-model="form.$key$"/>
</FormItem>

使用效果:输入“<vf”会有“vform-item”在代码提示中,按下确定键插入代码;此时光标位于“label”值处,输入值后按“enter”键光标会自动切换到“prop”字段上,此时输入值,下放v-model的值也会跟着变化。

使用LiveTemplates为Vue组件加上代码提示
分享