vscode设置vue代码片段模板

1、点击【文件】—【首选项】—【用户代码片段】
2、搜索vue，出现vue.json，新建或修改vue.json
3、将下列代码粘贴上去（可根据自己需要添加/删除）
4、成功后，创建一个vue文件，输入vue，按tab键，即可生成vue片段模板

{
	// Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
	// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
	// same ids are connected.
	// Example:
	// "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"Vue SFC": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div class=''>",
			"    $1",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"",
			"export default {",
  		"  name:'',",
			"  components: {",
			"    $5",
			"  },",
			"  data() {",
			"    return {",
			"      $2",
			"    };",
			"  },",
			"  methods: {",
			"    $3",
			"  },",
			"};",
			"</script>",
			"",
			"<style lang='scss' scoped>",
			"$4",
			"</style>"
		],
		"description": "Vue Single File Component Template"
	}
	
}