vscode 配置Vue模板 mac

选择Code => 首选项 => 用户片段 (如下图)

输入vue找到vue.json

在vue.json添加代码，可以根据自己的需要自定义模板

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

prefix里面设置的是输入的快捷的名称