vscode自定义vue模板如何实现?本篇文章小编给大家分享一下vscode自定义vue模板实现代码,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
用vscode编辑器创建vue模板,再也不用每次新建vue文件的时候都去一遍遍的重复敲某些代码片段。输入 vue 再按回车键,即可生成自定义的vue文件内容,相当的好使,开发效率蹭蹭的上去了。
打开vscode,选择文件 > 首选项 > 用户片段。随后在出现的输入框内输入vue,按回车键。打开了一个叫vue.json的文件。如图:
图片内容已经是添加了相应的模板内容了,解释下,prefix字段表示的是自定义指令,就是我们在vue文件里面输入的vue标签,按回车即可生成自定义的文件内容;body里面就是我们自定义的内容了。t是制表符,我这里主要是做格式化代码用
创建完vue模板后,就可以通过vue来创建文件啦!如下图:
代码内容:
"Print to console": { "prefix": "vue", "body": [ "", "", "t", "", "t", "", "", "", "" ], "description": "vue output to vue-template" }