vs-code如何快速生成vue模块？

哎-原来习惯用HX来写vue的程序，原因就是那个新建好了vue文件后代码模板也会自动生成好了。
自从换到了vs-code后创建的vue文件它不会自动生成出代码模板给我-完全生成出个空白的文件真让人头疼啊

后来通过各种百度终于有了个很好的配置办法，那就是配置好用户代码片段
Ctrl+Shift+p打开


打开后把里面的都清空，然后替换以下代码保存就可以了

{
	"Print to console": {
	  "prefix": "vue",
	  "body": [
		"<template>",
		"  <div>",
		"    $0",
		"  </div>",
		"</template>",
		"",
		"<script>",
		"",
		"  export default {",
		"    name:'',",
		"    props:[''],",
		"    data () {",
		"      return {",
		"",
		"      };",
		"    },",
		"",
		"    components: {},",
		"",
		"    computed: {},",
		"",
		"    beforeMount() {},",
		"",
		"    mounted() {},",
		"",
		"    methods: {},",
		"",
		"    watch: {}",
		"",
		"  }",
		"",
		"</script>",
		"<style lang='' scoped>",
		"",
		"</style>"
	  ],
	  "description": "Log output to console"
	}
  }

然后在回到vue文件输入vue
就会出现三个代码模板啦~v2-v3-自定义


文后提示：关注以下我吧，vx_g众号:cz_cms01