![](https://img2018.cnblogs.com/i-beta/1696676/202002/1696676-20200216113658480-1877282162.png)
webstorm 添加代码模板
#### 添加模板代码
* file > setting > Live Templates > 选择文件类型
* 文件 > 设置 > 编辑器 > 实时模板
* 文件 > 设置 > 编辑器 > 文件和代码模板
![](https://img2020.cnblogs.com/blog/1696676/202112/1696676-20211209100022413-403124101.png);
#### vue2 模板默认配置
```
```
![](https://img2018.cnblogs.com/i-beta/1696676/202002/1696676-20200216113658480-1877282162.png)