配置 --- > vscode自定义代码段Snippets

目标

• 在vscode中输入vbs-vue 然后产生一个自己想要的模板
  

写好模板

• 在线上写好模板
• 传送门: https://snippet-generator.app/

• 1是标题,对应
  
• 2是前缀.对应在vue中使用的快捷键 vbs-vue
• 3就是需要显示的代码段了

在vscode中配置

• 1.ctrl+shift+p
• 2.选择 Preferences: Configure User Snippets
  
• 3.选择语言 vue.json
  
• 4.将刚才线上准备好的代码断复制如json文件
  
• 5.保存后,重启vscode即可

注:

$1是模板生成后,鼠标光标的位置.