vscode快速生成Vue模板

一、目的：在一个空白.vue文件里输入 temp+tab 后生成如下Vue模板

<template>

</template>

<script>
   export default {
        name:  '',
        components: {},
   }
</script>

<style scoped>

</style>

二、步骤

 

然后我们可以看到打开后的vue.json文件，描述了如何生成模板代码，如下

 

 tips：一定要注意是英文标点符号！！！

• 因为body接收的是字符串，所以每行代码要用双引号括起来。

• 每一行后面还要添加逗号。

• 如果想生成的模板代码有换行效果，需要在配置的时候在换行的位置添加 "",

• 如果想要生成的代码有空格效果，注意直接在双引号内用空格表示就好了，不要按tab键。

注意：生成模板代码的时候要换成你自己配置的快捷键。 

上面用的完整代码如下：

	"Print to console": {
		"prefix": "temp",
		"body": [
			"<template>",
			"",
			"</template>",
			"",
			"<script>",
			"   export default {",
			"        name:  '',",
			"        components: {},",
			"   }",
			"</script>",
			"",
			"<style scoped>",
			"",
			"</style>",
		],
		"description": "vue模板"
	}