vscode 自定義vue代碼字段

路徑 ：  文件---首選項--用戶代碼字段   搜索vue.json   如下圖所示 

進入vue.json  文件  會出現如下 的註釋代碼

代碼如下： 

	"demo": {
		"prefix": "vhtml",
		"body": [
				"<template>",
				" <div class=\"$1\">",
				" ",
				" </div>",
				"</template>",
				" ",
				"<script>",
				"export default {",
				" name: '',",
				" data () {",
					" return {",
					
					" }",
				" }",
				"}",
				"</script>",
				" ",
				"<style scoped lang = \"less\">",
				" ",
				"</style>"
		],
		"description": "模板代碼"
	}
}

新建一個.vue頁面  輸入   vhtml  會出現如下：

直接回車就好