vscode 配置vue3代码片段

在Visual Studio Code (VSCode) 中配置Vue3代码片段可以帮助你快速生成常用的Vue组件、指令或函数代码，提高开发效率。以下是基本的步骤：

1. 打开设置（`.vscode/settings.json`）文件：点击左上角的“Code”图标，然后选择“首选项”>“设置”，或直接按`Ctrl + ,`快捷键。

2. 配置 snippet 别名（`key`）和代码模板（`body`）：在`settings.json`中添加类似下面的内容，以创建一个名为`v-for`的Vue3遍历指令片段：

{
  "snippets": {
    "vue3": {
      "items": [
        {
          "label": "v-for",
          "key": "v-for",
          "body": "v-for=\"item in ${{1: items}}\"\n\t{{2: templateLiteralString}}",
          "description": "Vue 3 v-for loop snippet"
        }
      ]
    }
  }
}

这里的`label`是提示显示的名称，`key`是输入时的前缀，`body`是完成后的代码，`$1`、`$2`等是占位符，表示变量插入位置。

3. 自动触发：当你在Vue文件中输入指定的关键字（例如`v-for`），按下`Tab`键，VSCode会根据配置自动补全代码片段。

4. 保存和自定义片段：可以在其他地方保存常用的代码片段，如GitHub Gist或本地文件夹，然后在VSCode中导入它们。