背景：

当你新建一类文件时，每个文件都有些固定内容。比如vue文件，像template,script ,style这些东西都是要自带的，但你每次新建vue文件时是空的内容，上述这些东西是不会自动出现的。为避免每次都复制粘贴的麻烦。你可以设置一个模板来存放这些内容，想使用的时候通过一个快捷命令来一次性带出这些东西

实操

比如我要设置一个jsx文件在写代码时的快速创建写法。

• 操作方式：

  1. ctrl+shift+p

  2. 输入框搜索snippets，点进Snippets: Config User Snippets

  3. 在弹出选项选择typescriptreact.json

  4. 设置内容

     "Vue Component":{
         "prefix": "vc",// 触发你设置内容的命令
         "body": [
           "import { defineComponent, ref } from 'vue';",
           "export const $1=defineComponent({", // $1，$2表变量，即你创建不同文件时要自己设置的内容
             "setup(){",
               "return ()=>(<div>$2</div>)",
             "}",
           "})",
         ]
       }

5. 在文件中使用
   • 新建一个tsx文件，然后在代码区输入vc，出现提示后按回车，就能直接拿到你早设置好的内容