vue3页面基础代码片段

最新推荐文章于 2024-05-13 13:07:33 发布

Wings_Lee

最新推荐文章于 2024-05-13 13:07:33 发布

阅读量321

点赞数

分类专栏： Vue3 文章标签： vscode 前端 javascript vue.js

本文链接：https://blog.csdn.net/liyp921210/article/details/129266442

版权

Vue3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

我使用的是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就可以快速生成了