vue volar插件怎么快速生成模板?

淡若清风过
  • 68

没创建一个vue文件都得自己敲出基础模板,volar有没有快速生成模板的方式

回复
阅读 1k
4 个回答

题主有没有试过这样一种思路,自定义一个vscode插件,实现后功能类似文件夹右键出现一个新建模板按钮,可以生成自定义的模板。某金下有类似的教程。感兴趣可以了解。

vbase
vbase-3
vbase-3-ts
vbse-3-setup

Ctrl+shift+p 搜 代码片段
新建代码

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

在新建的页面输入vue3,按tab键就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏