vscode使用用户代码片段快速生成vue页面模板

{
	"Print to console": {
	"prefix": "vue",
	"body": [
	"<template>",
	"  <div class=''>${1}</div>",
	"</template>",
	"",
	"<script>",
	"export default {",
	"  // 组件名",
	"  name: '',",
	"  // 注册组件",
	"  components: {},",
	"  // 接收父组件数据",
	"  props: {},",
	"  // 组件数据",
	"  data () {",
	"    return {}",
	"  },",
	"  // 计算属性",
	"  computed: {},",
	"  // 监听属性",
	"  watch: {},",
	"  // 生命周期钩子函数",
	"  created () {},",
	"  mounted () {},",
	"  // 组件方法",
	"  methods: {},",
	"}",
	"</script> ",
	"",
	"<style scoped lang='less'>",
	"",
	"</style>",
	
		   ],
	"description": "Log output to console"
	   }
   }

在目标页输入vue回车就能快捷生成了

注:

${1} 生成代码后光标所在的位置
“prefix”: “vue”, 生成代码的关键字
“body”: [ 代码片段的内容 ]