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

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

1、点击Webstorm的File——Settings

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

2、找到Live Templates——点击Vue

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

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

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

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

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

5、点击 Define——勾选HTML

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

6、点击Apply——点击OK

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

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

当我在HTML中输入vue时,点击键盘Tab键即可产生效果
Webstorm添加Vue代码模板——步骤详解