vs code快速创建代码片段

文件(F)-->首选项-->文件代码片段 用来管理所有的片段

创建vue 代码片段

文件(F)-->首选项-->文件代码片段-vue.json

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

console.log 快捷输出

文件(F)-->首选项-->文件代码片段-javascript.json

"Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}