vscode添加自定义代码片段snippet

• 文件 --> 首选项 --> 用户代码片段(Config User Snippets) --> 新代码片段
• ctrl + shift + p --> 首选项:配置用户代码片段(Preferences: Configure User Snippets) --> 新代码片段。
  然后给自己将要配置的代码片段文件起一个文件名， 出现以下界面就是将要配置的代码文件了。(你可以选择新建代码片段: New Snippets 或者在原有代码片段基础上修改: Existing Snippets)

	"Print to console": {
		"prefix": "vue",
		"body": [
				"<template>",
				"  <div class=\"$TM_FILENAME_BASE\">",
				"    $1",
				"  </div>",
				"</template>",
				"",
				"<script>",
				"export default {",
				"  data() {",
				"    return {",
				"    }",
				"  },",
				"  created(){",
				"  },",
				"  mounted(){",
				"  },",
				"  computed:{",
				"  },",
				"  methods:{",
				"  },",
				"}",
				"</script>",
				"",
				"<style lang=\"stylus\" scoped> ",
				"",
				"</style>",
		],
		"description": "Log output to console"
	}

vscode添加自定义代码片段snippet - 掘金

vsCode 代码片段设置_崔先森呀的博客-CSDN博客_vscode配置代码片段