VScode中创建代码片段

设置代码片段

在vscode中我们可以自定义用户代码片段来一键生成代码。

打开设置-首选项-用户代码片段

 

然后新建用户代码片段

prefix是自定义的关键字，使用的时候我们直接输入vue3代码提示，回车就可以生成自定义的代码片段

 

vue3代码片段

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