vs Code配置vue代码片段

文件>首选项>代码片段
在这里插入图片描述
新建代码片段:
在这里插入图片描述
1.新建一个vue.json 的文件保存到本地。
2.打开vue.json这个文件
3.粘贴下面代码
4.选择vue回车

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"    <div>\n",
			"    </div>",
			"</template>",
			"<script>",
			"export default {",
			"   data() {",
			"      return {",
			"      }",
			"   },",
			"   computed:{",
				"   },",
			"   methods:{",
			"   }",
			"}",
			"</script>\n",
			"<style scoped lang=\"scss\">",
			"</style>",
			"$2"
		],
		"description": "Log output to console"
	}
}

在这里插入图片描述

版权声明:本文为qq_31173561原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_31173561/article/details/89567261