vsc 自定义快速生成vue模板

1.安装vscode

官网地址:https://code.visualstudio.com/

2.安装一个插件,识别vue文件

插件库中搜索Vetur,下图中的第一个,点击安装,安装完成之后点击重新加载

vsc 自定义快速生成vue模板_第1张图片

 

 

3.新建代码片段

文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定

 

4.删除不要的代码

5.粘入自己写的.vue模板

 1 {
 2     "Print to console": {
 3         "prefix": "vue",
 4         "body": [
 5             "",
 6             "",
 9             "",
10             "",
48             ""
52         ],
53         "description": "Log output to console"
54     }
55 }

6.上面代码中的 "prefix": "vue", 就是快捷键;保存好之后,新建.vue结尾的文件试试

输入vue 按键盘的tab就行
注意:
这里直接保存文件就可以自动执行了。

 

 

vsc 自定义快速生成vue模板_第2张图片

 

 

自己写的模板可以按照自己需要的在里面添加就可以啦。

你可能感兴趣的:(vsc 自定义快速生成vue模板)