VSCode 如何操作用户自定义代码片段（快捷键）

1.在vscode软件中找到“用户代码片段”：

2.在搜索栏中输入“html”,选择代码片段文件 html.json:

添加如下代码片段：

{
	"template": {
		"prefix": "template",
		"body": [
			"<template>",
			"</tempale>"
		],
		"description": "tempalte component"
	}
}

3.实际功能测试，在index.html的body标签页中输入“template”，然后按tab键，我们之前创建好的template模板就自动写出来了
输入“template”的时候。系统就自动提示了，用户的代码片段

按下“tab”键之后，我们之前设置好的template模板就自动补全写出来了，这对于平时我们写代码特别的方便。

当前我们是选择的html创建的用户代码片段，所以只有在html文件中，我们的template模板才可以使用。如果你需要在JavaScript或者vue中创建属于自己的代码片段，那么你可以在第一步的“用户代码片段”中搜索对应的json配置文件即可。
这里创建的template模板只是测试使用，你可以随意创建其他的标签页哦