vue3页面基础代码片段

我使用的是VSCode，设置片段路径为

管理=>用户代码片段=>新建全局代码片段文件

{
	"vue3": {
    "prefix": "vue3",
    "body": [
      "<template>",
      "  <div class=\"$1\">",
      "$2",
      "  </div>",
      "</template>\n",
      "<script setup lang=\"ts\">",
        "import { ref } from \"vue\" ",
      "$3",
      "</script>\n",
      "<style lang=\"less\" scoped>",
      "$4",
      "</style>"
    ],
    "description": "vue3 template"
  }

}

这样在新建页面时只需要输入vue3就可以快速生成了