vscode如何配置代码模板

第一步

快捷键：按下 Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (macOS)，
输入 Preferences: Configure User Snippets

选择vue.json文件

然后配置

{
  "Vue 3 TypeScript SCSS Template": {
    "prefix": "vue3mb", // 触发关键词
    "body": [
      "<template>",
      "  <div>",
      "    $1", // 第一个光标位置
      "  </div>",
      "</template>",
      "",
      "<script setup lang=\"ts\">",
      "  $2", // 第二个光标位置
      "</script>",
      "",
      "<style lang=\"scss\" scoped>",
      "  $3", // 第三个光标位置
      "</style>"
    ],
    "description": "Vue 3 SFC with <script setup> and SCSS"
  }
}