描述

在编码的时候会遇到一些经常要用到的代码片段，可以在VScode上定义好，通过特定的快捷方式呼出对应的代码段

操作

打开VScode——设置——用户代码片段

选择新建全局代码片段文件

给你要呼出的代码段取个快捷名称然后回车保存

接下来会跳转到要呼出的代码段页面

例如我创建一个Vue的模板

快捷名称取为：vue

然后在呼出的代码页面创建想要呼出的代码片段

{
    "Print to console": {
      "prefix": "vue",
      "body": [
        "<template>",
        "  <div>",
        "     ",
        "  </div>",
        "</template>",
        "",
        "<script>",
        "export default {",
        "    name:'$0',",
        "    data(){",
        "      return{",
        "          ",
        "       }",
        "    }",
        "  }",
        "",
        "",
        "</script>",
        "<style scoped>",
        "</style>"
    ],
      "description": "Log output to console"
    }
  }

$0 是每次呼出代码片段后鼠标光标悬停的位置

亲测有效，奔走相告。