安装VSCode

1. 安装 Vetur 和 VueHelper 插件，安装完成后需要重启 VScode。

在扩展插件搜索框中找到如下 Vetur 和 VueHelper 两个插件，注意看图标。

添加Vue模板

1. 打开用户模板（User Snippets)

2.选中 vue 项

3.在打开的 vue.json 模板中加入你的模板代码片段

{
	"Print to console": {
		"prefix": "vue",
		"body": [
			"",
			"",
			"",
			"",
			""
		],
		"description": "Log output to console"
	}
}

如图：

使用Vue模板快速生成代码

在 vue 文件中，当你键入 vue 前缀时将自动联想出你在前面创建好的代码片段描述，此时按下 Tab 键或者选中它，模板代码片段将会被自动添加到你的 vue 文件中。

1. 新建Vue文件

2.在出现的提示列表中选择刚才创建的模板“Vue"