问题描述

vscode 更新后 突然发现.vue文件template模版里 写的div* 、 ul>li*3 、div.classname 等快捷键失效了
只能一个个去自己去敲和补全 影响开发效率 找了网上的很处理方式 都说的哎…
vuter 写vue2
Vue - Official 写vue3
你会发现Vue - Official 一大端bug 建议你直接用vuter先 很好的解决提示
大神们的评论：大神对于Vue - Official评论

三种方式问题解决

处理方式解决1 （推荐做法）
安装Vue - Official 低版本 比如2.0.10

处理方式解决2
接用vuter先 很好的解决提示

处理方式解决3
vscode 在设置里找到settings.json 文件修改配置即可

 //自动补全做法一 缺点部分css 报红 不建议 还要处理一系列配置 css报红原因  将"*.vue": "vue"即可
  // "files.associations": {
  //   "*.vue": "html",
  // },

// 自动补全做法二 模板字符串
  "emmet.triggerExpansionOnTab": true,
  "emmet.showAbbreviationSuggestions": true,
  "emmet.showExpandedAbbreviation": "always",
  "emmet.includeLanguages": {
    "vue": "html"//关键这句话
  }