使用vscode编辑vue模板

在用vscode做vue项目时，每次新建vue页面都需要自己写各种方法，比较麻烦，其实可以写片段模板，每次新建vue页面后输入关键字就可以出现模板。

在文件 -》 首选项 -》 vue.json -》 进入编辑：

{
	"Print to console": {
	  "prefix": "vue",
	  "body": [
		"<template>",
		"    <div class=\"wrapper\">",
		"    $0",
		"  </div>",
		"</template>",
		"",
		"<script>",
		"  export default {",
		"    components:{},",
		"    props:{},",
		"    data(){",
		"      return {",
		"          ",
		"      }",
		"    },",
		"    created(){},",
		"    mounted(){},",
		"    activated(){},",
		"    updated(){},",
		"    methods:{},",
		"    computed:{},",
		"    watch:{},",
		"  }",
		"</script>",
		"<style scoped lang='scss>",
        //    zhushi
		"</style>"
	  ],
	  "description": "A vue file template"
	}
  }

效果：
新建vue页面，直接输入vue关键字，回车，效果：

<template>
    <div class="wrapper">
    
  </div>
</template>

<script>
  export default {
    components:{},
    props:{},
    data(){
      return {
          
      }
    },
    created(){},
    mounted(){},
    activated(){},
    updated(){},
    methods:{},
    computed:{},
    watch:{},
  }
</script>
<style scoped>
</style>