配置vscode快速输出模板

*配置vscode快速输出模板

1、文件——首选项——用户片段——vue.json
2、输入如下代码片段

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<template>",
			"<div></div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  // import引入的组件",
			"  components: {},",
			"  data() {",
			"    return {}",
			"  },",
			"  //  方法集合",
			"  methods: {},",
			"  // 生命周期-挂载完成（可以访问DOM元素）",
			"  mounted() {}",
			"}",
			"</script>",
			"<style scoped>",
			"</style>",
			""
		],
	}
}

3、重新新建vue文件，直接输入"vue"，回车
4、会直接生成以下模板

***可以根据自己的代码风格设置自己想要的模式！！！