vscode新建代码片段，输入vue自动导入模板

一、1、文件
===》》
2、首选项
====》》》
3、用户片段
=====》》》
4、选择新建全局代码片段

输入文件名模板文件名
回车
输入模板

{
	// 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"
	// }
		"Create vue template": {
		"prefix": "vue",
		"body": [
			"<template>",
			"  <div></div>",
			"</template>",
			"<script>",
			"export default {",
			"  name: \"${1:component_name}\",",
			"  data () {",
			"   return {}",
			"  },",
			"methods:{},",
			"mounted:{}",
			"}",
			"</script>",
			"<style lang=\"${2:scss}\" scoped>",
			"</style>"
		],
		"description": "Create vue template"
	}
 }
 

二、在需要新建文件的地方输入文件名.vue
在文件内输入vue自动会生成模板代码