第一步 

第二部

第三部 

{
	"Print to console": {
		"prefix": "vue3",
		"body": [
		"<template>",
		"<div class=\"container\">", 
		" ",
		"</div>",
		"</template>",
		"<script setup lang='ts'>",
		"import { getCurrentInstance, onBeforeMount, onMounted, reactive ,ref} from 'vue'",
		"const { proxy } = getCurrentInstance();",
		"const emits = defineEmits([])",
		"const props = defineProps({",
		" ",
		"})",
		"const state = reactive({",
		" ",
		"})",
		"const stateref = ref({",
		" ",
		"})",
 
		"onBeforeMount(() => {",
		" ",
		"})",
		"onMounted(() => {",
		" ",
		"})",
		"defineExpose({ state,stateref })",
		" ",
		"</script> ",
		"<style lang=\"scss\" scoped>",
		" ",
		"</style>"
	],
	"description": "vue3"
	}
}
 

{
	"Print to console": {
		"prefix": "vue3",
		"body": [
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script setup lang='ts'>",
			"import { ref, reactive} from 'vue'",
			"",
			"</script>",
 
			"<style lang='scss' scoped>",
			"",
			"</style>",
		],
		"description": "Log output to console"
	}
}