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

目标

  • 在vscode中输入vbs-vue 然后产生一个自己想要的模板
    配置 --- > vscode自定义代码段Snippets

写好模板

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

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

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

在vscode中配置

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

注:

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