如何在vscode中自定义vue模板-创新互联

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

成都创新互联作为成都网站建设公司,专注成都网站建设、网站设计,有关企业网站设计方案、改版、费用等问题,行业涉及成都小搅拌车等多个领域,已为上千家企业服务,得到了客户的尊重与认可。

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


如何在vscode中自定义vue模板

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

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

如何在vscode中自定义vue模板

代码内容:


 "Print to console": {
 "prefix": "vue",
 "body": [
 "",
 "",
 "",
 "",
 "",
 ""
 ],
 "description": "vue output to vue-template"
  }

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


名称栏目:如何在vscode中自定义vue模板-创新互联
网页URL:http://bzwzjz.com/article/eeejj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都企业网站制作 重庆企业网站建设 企业网站建设 成都网站建设 成都网站建设公司 外贸营销网站建设 成都网站设计 定制网站建设 成都网站制作 成都网站建设 成都网站制作 重庆网站建设 成都网站建设公司 营销网站建设 成都网站建设公司 成都网站设计 成都网站建设 网站设计公司 重庆外贸网站建设 成都商城网站制作 营销网站建设 成都模版网站建设