vscode自定义用户代码片段工具snippet-generator.app：自定义vue代码片段/vue+ts代码片段

1.打开工具网站

https://snippet-generator.app/

2.输入你想自定义的代码片段

这里使用Vue3 + setup语法 + ts + less 作为演示

3.将目标字符串使用${1:xxx}替换

方便我们以后统一修改，xxx只是一个占位

4.复制右边生成的代码，写入vscode设置

回到vscode 文件 -> 首选项 -> 用户代码片段 -> 新建用户代码片段 -> 添加片段名 -> 粘贴刚刚复制好的代码

新建代码片段

5.使用

这时候只要在文件中输入刚刚的代码片段简写，就可以得到我们想要的代码片段了。