vscode vue 快捷模版

在vscode编辑器中，新建一个vue文件的时候，希望可以快速生成一个vue文件的模版，这样节省了很多功夫。
以下是快捷模版的方法：

• 1、安装插件vetur
• 2、vscode 打开 文件--首选项--配置用户代码片段--新建全局代码片段--输入下方代码
• 3、在vue文件中，输入vue会有提示菜单，选中你的模版。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"<!-- $1 -->",
			"<template>",
			"  <div class=\"\"></div>",
			"</template>\n",
			"<script>",
			"export default {",
			"  name: \"\",",
			"  components: {},",
			"  data() {",
			"    return {};",
			"  },",
			"  methods: {}",
			"};",
			"</script>\n",
			"<style lang=\"less\" scoped></style>",
			"$2"
		],
		"description": "Log output to console"
	}
}