以Vue3为例,快速初始化一个.vue文件

原理就是 snippets snippets snippets snippets snippets snippets

在我们写vue项目的时候，按照自己需求快速的初始化页面，不用手敲所有的的代码段，能够极大的提高我们的开发效率。

一些snippets的VScode的插件其实就已经能做到，但是每个人可能有自己的风格，或者有自己的快速模板。 所以我们可以给自己写一个snippets模板。

1.VSCode 新建/打开用户代码片段

2.在代码片段文件中写入你的快速代码片段

{
"vue3ts": {
		"scope": "vue",
		"prefix":[ "vue3ts","<vue3ts"],
		"body": [
			"<template>",
			"  <div class='$1'></div>",
			"</template>",
			"<script setup lang='ts'>",
			"</script>",
			"<style lang='less' scoped>",
			".$1{",
			"}",
			"</style>"
		],
		"description": "创建vue3-ts模板文件"
	}
 }

3. 项目中新建一个文件，输入刚代码片段配置的 prefix ,回车

4. 你看到你的模板片段已经出现了 我们发现两个光标同时出现，是因为两个$1

5. 至此完结，撒花✿✿ヽ(°▽°)ノ✿