使用 VS Code 创建 Vue 文件后，想要初始化一些代码，通过一些插件可以实现，但本文记录一个更简单的配置方式，使用 VS Code 的用户设置。

1. 在 VS Code中，点击左下角设置按钮（齿轮）
2. 选择【用户片段】（User Snippents），会弹出搜索框
3. 输入 vue 后，选择 vue.json 文件，会出现一个配置文件
4. 在配置文件中有一个注释示例，根据注释填入一些内容即可

下面是一个 vue.json 的示例，可以直接使用：

json
{
  "Print to console": {
  // 前缀提示符，在编辑器中输入vue3可以出现提示
  "prefix": "vue3",
  "body": [
    "<template>",
    "  <div>",
    "  </div>",
    "</template>",
    "",
    "<script setup lang='ts'>",
    "",
    "</script>",
    "",
    "<style scoped>",
    "",
    "</style>"
  ],
  "description": "Log output to console"
  }
}

提示：以上内容中的 prefix 值可以自定义，body 是你想要初始化的内容。

以上配置完成后，在一个 Vue 文件中输入 vue3，就会出现提示，选择后就会将 body 的内容自动填入当前文件。