vue3.0 代码片段快捷键

第一步 找到代码片段（如下图）

搜索vue

{
  "Print to console": {
    "prefix": "vue3",
    "body": [
      "<template>",
      "  <div class=\"\">\n",
      "  </div>",
      "</template>\n",
      "<script lang=\"ts\">",
      "//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）",
      "//例如：import 《组件名称》 from '《组件路径》';",
      "import {reactive,toRefs} from \"vue\"",
      "//定义ts数据类型",
      " interface dataProps{\n",
      " }",
      "export default{",
      "  name:\"\",",
      "//import引入的组件需要注入到对象中才能使用",
      "  components: {},",
      "//这里存放数据",
      "  setup() {",
      "   const data = reactive({\n",
      "   })",
      "    return {",
      "      data",
      "    }",
      "  }",
      "}",
      "</script>\n",
      "<style lang=\"less\" scoped>",
      "</style>",
      "$2"
    ],
    "description": "Log output to console"
  }
}

是不是很简单