每日一个提升开发效率的小技巧

1. 平时我们使用vscode开发时，当我们创建一个新的页面时，我们一般使用快捷命令去快速创建一个我们想要的模版。比如react的rcc（创建类组件的模版）、rfc（创建函数组件的模版），v3s（创建一个vue3模版）
2. 有的时候我们可能有这样的需求，那就是想要一个我们量身定做的模版。其实这是可以的。

步骤： 第一步：找到设置，接着找到用户代码片段

第二步：我们找到vue.json这个名称的文件，没有就新创建。创建一个其他名称的文件也可以，只要是.json文件就可以

第三步：写入如下配置，重点是prefix和body。prefix配置命令名称，body配置具体模版内容。

{
  "Print to console": {
    "prefix": "vue3",
    "body": [
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script setup></script>",
      "",
      "<style scoped lang='less'>",
      "</style>",
      
  ],
    "description": "Log output to console"
  }
}

第四步：保存之后，此时来到我们的新建页面，输入vue3（敲v3应该提示也可以出来）就会出现我们刚刚配好的模版的提示，只要敲击回车就可以生成我们自定义的模版了。

OK