如何在vscode中自定义vue模板

  介绍

本篇文章为大家展示了如何在vscode中自定义vue模板,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

打开vscode,选择文件比;首选项比;用户片段。随后在出现的输入框内输入vue,按回车键。打开了一个叫vue。json的文件。如图:

如何在vscode中自定义vue模板

图片内容已经是添加了相应的模板内容了,解释下,前缀字段表示的是自定义指令,就是我们在vue文件里面输入的vue标签,按回车即可生成自定义的文件内容,身体里面就是我们自定义的内容了。\ t是制表符,我这里主要是做格式化代码用

创建完vue模板后,就可以通过vue来创建文件啦!如下图:

如何在vscode中自定义vue模板

代码内容:

,“Print 用console":, {   ,“prefix":,“vue"   ,“body":,   ,“& lt; !——, $ 0, - - -在“,   ,“& lt; template>“   “才能\ t
“   ““,才能   “才能\ t
“   ,“& lt;/template>“   ,““,   ,“& lt; script>“   ,“export  default  {“,   ,,,“\ tname:, & # 39; & # 39;,,,   ,“\ tcomponents: {},,,   ,“\ tdata  (), {,,   ,“\ treturn  {“,   ,“\ t}“,   ,“\ t},,,   ,“\ tmounted  (),“{},   ,“\ tmethods: {}“,   ,“}”,   ,“& lt;/script>“   ,“& lt; style 范围=& # 39;scss # 39;, scoped>“   ,“& lt;/style>“   ,),   ,“description":“vue  output 用vue-template"   以前,,}

上述内容就是如何在vscode中自定义vue模板,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。

如何在vscode中自定义vue模板