vscode配置代码片段vue

要在 VS Code 中配置 Vue 代码片段，请按以下步骤操作：

1. 打开 VS Code，按下 `Ctrl + Shift + P` （Win）或 `Cmd + Shift + P` （Mac）打开命令面板。

2. 输入 `用户代码片段` 并在下拉列表中选择 `vue`，此时会在编辑器中打开一个 `vue.json` 文件。

3. 在 `vue.json` 文件中添加代码片段。例如，在 `<template>` 标签中添加一个 `hello` 代码片段：

   {
     "hello": {
       "prefix": "hello",
       "body": [
         "<p>Hello, {{ $1 }}</p>"
       ],
       "description": "一个简单的 hello 示例"
     }
   }

其中，`prefix` 是代码片段的名称或快捷键，`body` 是代码片段的实际代码，`description` 是代码片段的描述。在这个示例中，代码片段会输出一个包含 `Hello, ` 和占位符 `$1`（可以用 Tab 键切换）的 `<p>` 标签。

4. 保存 `vue.json` 文件，从此时起，你在 VS Code 中写 Vue 代码时，就可以按下快捷键或输入代码片段名称，自动生成代码片段了。在本例中，你可以在 `<template>` 标签中输入 `hello`，然后按下 Tab 键，即可自动生成代码片段。