配置用户代码片段（vue.code-snippets）

为了提高开发效率，很多时候会在vscode中配置好一些常用的代码片段，省时省力还显示你很NB。
以下是基于vue3跟Ts个人的配置，分享出来（代码直接复制到vue.code-snippets文件即可使用，可根据个人情况进行修改prefix)。

{
  "new page": {
    "prefix": "<vue-basic",
    "body": [
      "<template>",
      "</template>",
      "<script lang=\"ts\">",
      "import { ref, defineComponent } from 'vue'",
      "export default defineComponent({",
      "  name: '$1',",
      "  setup() {",
      "    return {",
      "    }",
      "  },",
      "})",
      "</script>",
      "<style lang=\"less\">",
      "</style>",
      ""
    ],
    "description": "new component"
  },
  "template": {
    "scope": "vue",
    "prefix": "template