VsCode通过snippet generator快速生成自定义代码片段

参考文章：https://blog.csdn.net/sinat_41696687/article/details/120703355

具体步骤#

一、首先在snippet creator上生成代码片段模板

在线snippet creator

1. 首先复制我们需要快速生成的代码模板。

2. 复制到下面的区域中。

3. 输入触发片段的快捷代码

4. 将生成的代码复制到VsCode的用户代码片段中

5. 注意选择文件后缀，如果想要选择html中使用，就选择html。

 

示例 #

比如下面是新增vue3 composition api的模版

{
  "Print to console": {
    "scope": "vue",
    "prefix": "vuebase",
    "body": [
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script lang=\"ts\">",
      "import { defineComponent } from 'vue'",
      "",
      "export default defineComponent({",
      "})",
      "</script>",
      "",
      "<style scoped></style>",
      ""
    ],
    "description": "Log output to console"
  }
}