使用 `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` 的内容自动填入当前文件。
<!-- more -->
