vscode 使用vue快捷键快速搭建一个vue页面

第一步
打开设置
vscode 使用vue快捷键快速搭建一个vue页面_第1张图片
第二步
查看当前的里面是否有vue,如果有则不用新建,如果没有的话直接新建一个vue文件vscode 使用vue快捷键快速搭建一个vue页面_第2张图片
第三步
如果有的话直接把这个文件里的代码删除
vscode 使用vue快捷键快速搭建一个vue页面_第3张图片
第四步
将以下代码粘贴到第三步的文件里

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "",
      "",
      "",
      ""
    ],
    "description": "生成vue模板"
  },
}

第五步

直接在新建的vue文件里输入vue+回车键就会生成一个vue文件
vscode 使用vue快捷键快速搭建一个vue页面_第4张图片

vscode 使用vue快捷键快速搭建一个vue页面_第5张图片
大功告成

你可能感兴趣的:(vue.js,vscode,前端)