vue3 从入门到放弃之【 配置 VisualSudioCode 页面初始化模板】

【文件】打开 【首选项】 选择 【用户片段】输入 【vue.json】

在对象中配置一下，然后在页面中【 输入 vue3 】 就有属于我的代码模板了。

"Print to console": {
		"prefix": "vue3",
		"body": [
			"<template>",
			"<div></div>",
			"</template>",
            "<script lang=\"ts\">",		
			"import {defineComponent,onBeforeMount,onBeforeUnmount,onBeforeUpdate,onMounted,onUnmounted,onUpdated,ref,} from \"vue\";",
			"export default defineComponent({",
  				"\tname: \"App\",",
 			 "\tsetup() {",
    			// 页面挂载前
    		"\tonBeforeMount(() => { console.log(); })",
    		// 页面挂载后
    		"\tonMounted(() => { console.log();});",
    		// 更新前
    		"\tonBeforeUpdate(() => { console.log();});",
    		// 更新后
			"\tonUpdated(() => { console.log(); });",
   			 // 销毁前
  		  	"\tonBeforeUnmount(() => { console.log();});",
   			 // 销毁后
			"\tonUnmounted(() => { console.log();});",
    		"\treturn {};",
            "\t},",
            "\t});",
           "</script>",
		],
		"description": "Log output to console"
	}