vsCode vue2+3 代码片段

新建一个自己的代码片段

 下面内容粘贴进入

{
  "Print to console": {
    "prefix": "vue3",
    "body": [
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script lang='ts'>",
      "import { defineComponent, reactive, toRefs } from 'vue';",
      "import { useRouter } from 'vue-router';",
      "",
      "export default defineComponent({",
      "  setup() {",
      "    const router = useRouter();",
      "    const state = reactive({",
      "      data: {},",
      "      test(params: any) {",
      "        console.log(1111);",
      "        router",
      "          .push({",
      "            path: '/test/test',",
      "            query: { id: '' },",
      "          })",
      "          .catch((err) => {",
      "            console.warn(err);",
      "          });",
      "      },",
      "    });",
      "    return {",
      "      ...toRefs(state),",
      "    };",
      "  },",
      "});",
      "</script>",
      "<style scoped>",
      "</style>",
    ],
    "description": "Log output to console"
  },
  "vue2": {
    "prefix": "vue2",
    "body": [
      "<template>",
      " <div class=\"$1\">",
      " ",
      " </div>",
      "</template>",
      " ",
      "<script>",
      "export default {",
      " name: 'vueName',",
      " data () {",
      " return {",
      " msg:'Welcome to your vueName'",
      " }",
      " }",
      "}",
      "</script>",
      " ",
      "<style scoped>",
      " ",
      "</style>"
    ],
    "description": "自定义的一个vue代码段，测试"
  }
}

输入后自带提示