vsCode快速创建vue模板

更改配置

1、打开 文件/首选项/用户片段 搜索vue.json文件
2、将文件内容替换为以下内容：

{
	"Print to console": {
		"prefix": "vue",  
		"body": [
		  "<!-- $1 -->",
		  "<template>",
		  "<div></div>",
		  "</template>",
		  "",
		  "<script>",
		  "export default {",
			"    name:\"\",",
			"    data() {",
			"        return {",
					"",
			"        }",
			"    },",
			"    //生命周期 - 创建完成（访问当前this实例）",
			"    created() {",
			"",
			"    },",
			"    //生命周期 - 挂载完成（访问DOM元素）",
			"    mounted() {",
			"",
			"    }",
		  "}",
		  "</script>",
		  "<style scoped>",
		  "/* @import url(); 引入css类 */",
		  "$4",
		  "</style>"
		],
		"description": "Log output to console"
	  }

}

注：这里可以进行自定义

操作

直接在空白的vue文件中输入 vue就会弹出vue模板选项，回车或者点击就会在文件中添加配置出来的模板信息