vscode快捷键快速生成代码片段

比如在login.vue文件中快速生成以下代码片段时：

<template>
  <div class="login">
    <h2>login</h2>
  </div>
</template>

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

<style scoped lang="less">
.login {
  color: red;
}
</style>

步骤：

1.在文件中写下想要快速生成的模板样式，比如上面的样子

2.打开snippet generator，把上面的代码复制进去，填写描述和在vscode要使用的快捷键，比如我这里就使用tsvue

​​

3.使用占位符替代之前固定的name，并复制右边的代码

 4.设置=>首选项=>vue.json

 5.把代码复制进去，大功告成