vue3页面基础代码片段

最新推荐文章于 2025-03-28 18:08:08 发布

Wings_Lee

最新推荐文章于 2025-03-28 18:08:08 发布

阅读量415

点赞数

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

本文链接：https://blog.youkuaiyun.com/liyp921210/article/details/129266442

版权

Vue3 专栏收录该内容

2 篇文章

订阅专栏

在VSCode中，用户设置了Vue3的代码片段，通过输入vue3可以快速生成模板，包括<template>、<scriptsetuplang=ts>和<stylescopedlang=less>部分，简化了新建Vue3页面的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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