VScode用户代码片段，快速生成vue片段

1.首先打开vscode, 文件-首选项-用户代码片段，

1111111.jpg

2.此时可以选择一个已有的vue.json进行修改， 或者输入别的名字新建

222222222.jpg

3.打开后把原有的代码注释

3333333333.jpg

3、输入以下代码：当你输入vue的时候，可以快速生成代码片段
备注：配置没有生效重启软件 "prefix": "vue4", 为输入名称

4 代码片段模版

{ 
  "Print to console": {
  "prefix": "vue4",
  "body": [
  "",
  "\n",
  "",
  " ",
  "",
  "",
  "$2"
         ],
  "description": "Log output to console"
     }
 }

5.测试：新建vue页面，输入vue显示如下

1629268835(1).png