拒绝重复代码，灵活使用模版指令，快来了解一下vscode snippets利用vscode snippets生成代码模版

利用vscode snippets生成代码模版减少重复开发时间，增加摸鱼时间

什么是snippets?

Visual Studio Code（VS Code）提供了一个强大的功能，叫做“代码片段（Snippets）”，它允许你只需按下几个按键，就能快速插入常用的代码片段。

以下是在VS Code中创建和使用代码片段的步骤：

创建新的代码片段文件：在VS Code中，打开命令面板（Ctrl/Cmd + Shift + P）并搜索“Preferences: Configure User Snippets”。选择你想要创建代码片段的编程语言，系统会打开一个新的文件，该文件将具有适当的文件扩展名（例如.json）。
定义代码片段：在代码片段文件中，创建一个对象，包括代码片段的名称、前缀（代码片段的快捷方式）和主体（你要插入的代码）。例如，一个基本的vue模板可以如下所示：

保存文件：在定义好代码片段后，保存文件。文件名应该与你在第1步选择的语言ID相匹配，后面加上“.json”（例如，vue代码片段的文件名应该是“vue.json”）。

可以看到配置总共为4个属性，

name是

prefix就是指令名，之后会用到

{
  "Print to console": {
    "prefix": "v",
    "body": [
      "<script setup lang='ts'>",
      "",
      "</script>",
      "",
      "<template>",
      "  <div>",
      "        $0",
      "  </div>",
      "</template>",
      "",
      "<style lang=\"scss\" scoped>",
      "</style>"
    ],
    "description": "A vue file template"
  }
}