VSCode代码模板--快速生成代码

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键直接生成。