问题 | vue组件页面快速生成

1.选择文件------首选项-------用户代码片段

 

2.搜索 vue

 

3.根据自己要求输入代码

下面是我想要的样式，写完记得保存ctrl+s

{
	// 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"
	// }
	"Print to console": {
		// 通过log关键字快速敲出页面
		"prefix": "log",
		"body": [
			// body里面的内容就是你设置的页面格式
			"<template>",
			"",
			"</template>",
			"",
			"<script>",
			"",
			"</script>",
			"",
			"<style scoped>",
			"",
      "</style>"

		],
		"description": "vue页面快速生成"
	}
}

生成的效果，直接打log回车就出来了