二、自定义代码片段

一、准备模版

jsx

<template>
  <div>

  </div>
</template>

<script lang="ts" setup>

</script>

<style lang="less" scoped>

</style>

二、转换模板并配置快捷键

https://snippet-generator.app/

json

"vue": {
  "prefix": "vtl",
  "body": [
    "<template>",
    "  <div>",
    "",
    "  </div>",
    "</template>",
    "",
    "<script lang=\"ts\" setup>",
    "",
    "</script>",
    "",
    "<style lang=\"less\" scoped>",
    "",
    "</style>",
    ""
  ],
  "description": "vue"
}

三、vscode配置模板

vscode → 首选项 → 配置用户代码片段 → 搜索自定义模版的文件类型粘贴进去