vscode新建代码片段

在VS Code中新建代码片段可以通过以下步骤完成：首先打开VS Code软件，然后在顶部菜单选择"文件" -> "首选项" -> "配置用户代码片段"。这里会有两个选项，一个是"新建全局代码片段文件"，另一个是"新建当前项目文件夹的代码片段文件"。选择不同的选项会决定代码片段的适用范围是全局还是当前项目，并且代码片段文件的保存位置也会有所不同。如果选择"当前项目"的选项，代码片段文件将保存在项目根目录下的.vscode文件夹中。[1]

在项目开发中，我们经常需要新建文件，并且这些文件的初始化代码往往是相同的。比如，我们新建一个.vue文件，通常需要在写正式的功能代码之前，完成以下初始化代码：

<script setup lang='ts'>
</script>

<template>
  <div>
  </div>
</template>

<style scoped>
</style>

如果你想自定义代码片段，可以编辑代码片段文件。你可以在配置用户代码片段的界面中找到一个示例代码片段文件，它的内容类似于以下所示：

{
  "一个测试代码片段命令": {
    "prefix": "test",
    "body": [
      "<template>",
      "\t<div>",
      "\t\t<span>test snippets</span>",
      "\t</div>",
      "</template>"
    ],
    "description": "随便玩玩代码片段"
  }
}

你可以根据需要修改这个示例代码片段文件，然后保存。[2]

最后，你可以测试代码片段是否生效。在编辑器中输入代码片段的前缀，比如"test"，然后按下Tab键，代码片段就会被插入到编辑器中。[3]