Vs Code如何自定义设置一键代码补全

有时候是不是看到别人输入一个vue就能打印整个代码，感觉很神奇，本文就以vue为案例教你如何使用这种骚操作！！！

点击文件->首选项->用户代码片段

输入vue.json（如果没有则新建代码片段）
（我这里选择的是以vue结尾的文件，如果是html就输入html.json，其他文件则同样处理）

然后你会看到一个中括号里里面全是注释
删掉选中的部分，，将其他的注释还原

这里解释下剩下的什么意思

• Print to console 代表的是名字，这个随意，你可以随便起名。
• prefix 这个里面是你单词的触发器，比如如果里面是log的话，在vue文件中输入log就会提示，你enter下，将会把你里面的内容打印下来
• body 就是你需要输入提示里面的内容了

别的就随便填了

我的prefix里填的是vue
body里是

"body": [
			"<template>",
			"    <div>",
			"     $1",
			"     </div>",
			"</template>",
				"",
			"<script>",
			"export default {",
			"   data(){",
			"    return{",
				" ",
			"  }",
			"},",
			"   methods:{",
				"",
			"}",
			"}",
			"</script>",
				"",
			"<style scoped>",
				"",
			"</style>",
		],

这样输入vue就直接打印出

当然你可以设置很多的触发器单词，不限字数。。。。。。