1.打开配置文件
2.选择你要配置的语言
有些语言要安装插件才能被编辑器识别，如vue
3.书写自己需要的代码片段
{
"Print to console": {
"prefix": "vue",
"body": [
"<div id='$1'>",
"<h2>{{$2}}</h2>",
"</div>",
"<script>",
"const $1 = new Vue({",
"el: '#$1',",
"data: {",
"$2: '$3'",
"}",
"})",
"</script>"
],
"description": "Log output to console"
}
}
-prefix表示快捷键的名称，如图代码的快捷键就是vue
-body表示代码片段内容，每一行的代码必须加上双引号和逗号，所以每一行里面的引号要使用单引号，
$1-$n是表示鼠标光标先后到达的位置,同一个变量的可以使用同一个$值表示，可以同时修改，$0是最终光标位置
-description表示代码片段描述
4.快速生成代码
每个自定义模板只能在对应文件里面使用，比如vue只能在.vue文件里面使用，使用输入快捷键按tab键直接生成。
