使用vs code创建vue代码片段

文件—>首选项—>用户代码片段

然后再弹出的输入框中输入vue,然后回车(Enter),效果如下:


在vue.json中写上代码片段,代码如下:

{"vue-template":{"prefix":"vue","body":["<template>"," <div>"," </div>","</template>","","<script>","export default {"," name: '',"," data () {"," return {"," }"," },"," methods: {}","}","</script>","","<style scoped lang=scss>","","</style>"],"description":"my vue template"}}


书写完之后,保存文件即可

效果如图:


出现提示后,按下回车(Enter),然后就会出现想要的结果了。如下图:


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容