2019/10/12:
vscode版本号1.39.1,veter插件版本0.22.4。
setting.json文件确认已关联.vue文件,
在这里插入图片描述
选中vue文件时右下角也已经识别,
在这里插入图片描述
vetur也卸载重装并重启了编辑器,但是代码仍然是白色。
百度了一下发现有人更新vscode后vue文件高亮失效,回退后就成功了,猜测是该款插件本身和编辑器存在兼容性问题。考虑到回退比较麻烦,最后选择直接禁用了vuter插件,更换vetur E插件。
在这里插入图片描述
两款插件明确指出不可共存,vetur E是vetur的分支插件,基础功能都有。安装后重启编辑器,高亮功能成功实现。

在这里插入图片描述

2019/10/13:
因为vetur E格式化代码的效果怎么用怎么别扭,只好又回来琢磨该怎么解决vetur的问题。重装了一下,仍然和昨天一样,无法识别,代码全白。但是点击vetur插件的时候,发现有一个error。
在这里插入图片描述
点进去查看下详情,发现是vetur插件build失败了
在这里插入图片描述
按照网上给出的方法,cd到.vscode\extensions文件夹,找到vetur文件,npm install,但是出现了新的错误,行不通。
在这里插入图片描述
最后选择回退版本:
在这里插入图片描述
选择版本号,我是回退到了0.22.3,图上是已经回退成功的样子,一切问题解决。
在这里插入图片描述
问题到最后是解决了,但是到目前为止我仍然没有弄清楚到底是什么导致了最新版本的vetur插件不可用==,希望下次插件更新的时候能有个答案吧。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐