vs code配置vue用户代码模板

 

 

 

新建代码 vue.json模板

 

{
	"Print to console": {
		"prefix": "!v",
		"body": [
			"<template>",
			"  <div>",
			"$0",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"",
			"  export default {",
			"    name:'',",
			"    props:[''],",
			"    data () {",
			"      return {",
			"",
			"      };",
			"    },",
			"",
			"    components: { },",
			"",
			"    methods: { },",
			"",
			"    created(){ }",
			"",
			"  }",
			"",
			"",

			"</script>",
			"",
			"",
			"",
			"<style  scoped>",
			"",
			"",
			"",
			"</style>"
		],
		"description": "Log output to console"
	}
}

 

使用前缀  !v 一键创建vue模板