vscode设置vue模板

vue需要频繁的新建组件，每次都要手敲一大堆代码不胜其烦，这么复杂的做事不符合风流倜傥的我呀，我就想能不能设置个模板，就像使用hubuild编辑器一样方便
像上图这样，它不香吗？

现在就手把手教大伙这个小窍门（举一反三可以写各种模板哈）

1.选择菜单里的 文件 > 首选项 > 用户代码片段

2.点击新建全局代码（我喜欢创建新东西，哈哈），然后输入vue-demo 再回车

3.VSCODE会自动打开一个文件，复制以下内容到这个文件中

"Print to console": {        
		"prefix": "vue demo",        
		"body": [          
				"<template>",          
				"  <div></div>",          
				"</template>",          
				"",
				"<script>",          
				"export default {",
				"  data () {",
				"    return {};",
				"  },",
				"",
				"  components: {},",
				"",
				"  computed: {},",
				"",
				"  methods: {}",
				"}",
				"</script>",
				"<style lang='css' scoped>",
				"",
				"</style>"
		],
		"description": "Log output to console"
	}

---

最后放一下完整的效果图

新建文件test.vue，输入vue 然后按tab就好了

最后，如果帮到您的话，希望小伙伴们打赏一毛钱来鼓励我继续创作优秀的作品