这篇文章主要介绍了vscode中新建vue模板的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
江山ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!
先下载vue插件—— vue-helper
文件/首选项/用户片段
搜索vue
在vue.json中粘贴以下代码
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", " export default {", " data () {", " return {\n", " }", " },", " components: {\n", " }", " }", "</script>\n", "<style>\n", " ", "</style>", "$2" ], "description": "Log output to console" } }
保存,然后再使用模板的页面输入vue按tab健就好了
感谢你能够认真阅读完这篇文章,希望小编分享vscode中新建vue模板的方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!
本文名称:vscode中新建vue模板的方法
转载源于:https://www.cdcxhl.com/article22/gdhocc.html
成都网站建设公司_创新互联,为您提供企业网站制作、动态网站、静态网站、建站公司、Google、定制开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联