如何使用VSCode快速创建vue文件模版

  介绍

这篇文章给大家分享的是有关如何使用VSCode快速创建vue文件模版的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。


<强>修改位置

打开VSCode首选项,用户片段,可以搜索已有的文件名,或者新建一个json文件。

<强>创建自定义模版

{   “Print 过多;console":, {   “prefix":,“ybase"   “body":,   “& lt template>“   “,,& lt; div>“   “,,,,& lt; !——, Page ——祝辞;“   “,,& lt;/div>“   “& lt;/template>“   “& lt; script  lang=\“ts \““,   “import  {Vue的不同之处是,Component },得到\“vue-property-decorator \”;“   ““,   “@ component ({})“,   “export  default  class  NAME  extends  Vue  {“,   “,,//,component",   “}”,   “& lt;/script>“   “& lt; style  lang=\“scss \““,   “style",,//? lt;/style>“   ““   ),   “description":“YBASE"   }   }

<强>使用方法

以上我创建的是快速创建vue文件模版。
新建页面后,通过配置的快捷指令“ybase”即可快速生成页面代码。

感谢各位的阅读!关于“如何使用VSCode快速创建vue文件模版”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

如何使用VSCode快速创建vue文件模版