修改Vue VSCode Snippets默认模板Vue VSCode Snippets是一个可以快速生成vue模板的插

Vue VSCode Snippets是一个可以快速生成vue模板的插件（后来查了一下不用插件也可以实现），快捷键是vbase，但是其生成的模板特别是ts模板不是我们想要的，所以我们要修改他的默认模板。

首先去到VSCode的插件安装目录，一般是C:\Users\ 你的用户名\.vscode\extensions

然后找到vue.json：

打开修改里面内容然后重启VSCode即可。

参考：

{
  "Vue Single File Component": {
    "prefix": "vbase",
    "body": [
      "<template>",
      "\t<div>",
      "",
      "\t</div>",
      "</template>",
      "",
      "<script>",
      "\texport default {",
      "\t\t${0}",
      "\t}",
      "</script>",
      "",
      "<style lang=\"scss\" scoped>",
      "",
      "</style>"
    ],
    "description": "Base for Vue File"
  },
  "Vue Single File Component with Css": {
    "prefix": "vbase-css",
    "body": [
      "<template>",
      "\t<div>",
      "",
      "\t</div>",
      "</template>",
      "",
      "<script>",
      "\texport default {",
      "\t\t${0}",
      "\t}",
      "</script>",
      "",
      "<style scoped>",
      "",
      "</style>"
    ],
    "description": "Base for Vue File"
  },
  "Vue Single File Component with Typescript": {
    "prefix": "vbase-ts",
    "body": [
      "<template>",
      "\t<div>",
      "",
      "\t</div>",
      "</template>",
      "",
      "<script lang=\"ts\">",
      "\timport Vue from 'vue'",
      "\timport { Component } from 'vue-property-decorator';",
      "",
      "\t@Component",
      "\texport default class APP extends Vue{",
      "\t\t${0}",
      "\t}",
      "</script>",
      "",
      "<style scoped lang='scss'>",
      "",
      "</style>"
    ],
    "description": "Base for Vue File with Typescript"
  }
}