VSCODE 简单配置用户代码片段

利用VSCODE 配置用户代码片段功能，实现自定义生成一段代码的快捷键

例如：生成一个 Vue 实例，每次都要写这些很麻烦，想一键生成

new Vue({
    el: '#root',
    data: {
        
    },
})

可以在VSCODE的设置中配置用户代码片段，在配置文件中写入：

{
	// 代码片段名字
	"vue实例创建": {
		// profix设置代码片段简写
		"prefix": "v1",
		// body里面是具体的代码，每一行代码都要用""括起来
		"body": [
			"new Vue({",
			"    el: '#root',",
			"    data: {",
			"        $1,",
			"    },",
			"})"
		],
		"description": "vue实例创建"
	}
}

$1、$2、$3……是代码快捷生成之后鼠标光标的所在位置，光标会首先定位在$1，按Tab键切换到$2的位置，以此类推，光标最后会定位在$0的位置

配置好保存后

每次在页面中输入v1，按Tab键就能生成一段创建vue实例的代码：

new Vue({
    el: '#root',
    data: {

    },
})

结束；