vscode 新建vue模板代码块

vscode真是开发人员的首选编辑器，方便又好用。
打开 vscode - 文件 -首选项 - 用户片段 - 选择vue.json
输入下面的模板内容

{
	"Print to console": {
			"prefix": "vuetpl",
			"body": [
					"<template>",
					"     <div>\n",
					"    </div>",
					"</template>\n",
					"<script>",
					"export default {",
					"    name:\"demo\",",
					"    props: {\n",
					"    },",
					"    computed: {\n",
					"    },",
					"    watch: {\n",
					"    },",
					"    components: {},",
					"    data() {",
					"        return {\n",
					"        };",
					"    },",
					"    methods: {\n",
					"    },",
					"    created() {\n",
					"    },",
					"    mounted() {\n",
					"    },",
					"};",
					"</script>\n",
					"<style scoped lang=\"scss\">\n",
					"</style>\n",
			],
			"description": "创建vue模板"
	}
}

prefix就是触发代码片段的字符,
输入vuetpl 按确定就会生成对应的代码了