vue：VSCode添加自定义vue文件初始化模板

需求

在VSCode中，每次新建一个空白的vue文件后，我总需要重复书写templete、script、style三部分标签，因此想要将自定义的初始化内容保存为模板

参考

上网搜了搜，发现VSCode添加自定义模板这篇博文中已经进行了详细的记录，参照其中的配置方式操作即可

初始化内容

这篇博客主要是为了记录一下我个人的vue初始化模板内容：

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
        "\t<div>",
          "\t\t${1:init}",
        "\t</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
        "\tdata () {",
          "\t\treturn {}",
        "\t},",
        "\tmethods: { }",
      "}",
      "</script>",
      "",
      "<style lang=\"scss\">",
      "</style>"
    ],
    "description": "init vue file"
  }
}

扩展

在阅读vue.json文件原有的注释内容时，我对其中记录的形如“$1,$2,$0”以及“${1:label},${2:another}”的用法产生了兴趣，于是搜到了这篇博文：VSCode中snippets（代码模板）的使用，其中有对自定义模板的tabstops与placeholders用法的详细说明，感兴趣的小伙伴可以自行了解~

参考网址

[1] VSCode添加自定义模板
[2] VSCode中snippets（代码模板）的使用