Webstorm添加Vue代码模板——步骤详解

还在为每次敲Vue的重复代码苦恼吗?可以通过接下来简单6步帮大家减轻烦恼

1、点击Webstorm的File——Settings

在这里插入图片描述

2、找到Live Templates——点击Vue

在这里插入图片描述

3、点击右侧+号——点击1.Live Template

在这里插入图片描述

4、填写Abbreviation (缩写)和 Description以及模板中的代码

在这里插入图片描述

5、点击 Define——勾选HTML

在这里插入图片描述
在这里插入图片描述

6、点击Apply——点击OK

在这里插入图片描述

以上6步即可完成Vue的Template模板添加工作

当我在HTML中输入vue时,点击键盘Tab键即可产生效果
在这里插入图片描述

发布了35 篇原创文章 · 获赞 35 · 访问量 7240

猜你喜欢

转载自blog.csdn.net/qwe122343/article/details/104263683