vscode安装vetur不高亮解决方法!!巨坑

vscode安装vetur插件不高亮解决方法

相信很多朋友在安装vetur时都踩过这个坑,在研究vue时vetur插件安装之后不高亮,在网上尝试了很多方法,比如重装vetur,修改setting.json文件等等,都没有解决这个问题,最后看到一篇博客说把data文件删了引起了我的注意,虽然那篇博客能解决问题,但付出代价是删了所有的data文件。
最后经过思考和尝试,杠了又杠,找到了这个vetur和vscode的某些颜色主题不兼容问题,
下面是解决方法

如下图打开颜色主题设置
vscode安装vetur不高亮解决方法!!巨坑
就是下图这玩意儿,如果你设置的是light(visual studio)或者Dark(visual studio)主题,那恭喜你中奖了,你会发现不管怎么调试,vue代码都不会高亮,解决方法是设置成相应的defaul light的主题,如下图两个红框主题
vscode安装vetur不高亮解决方法!!巨坑
如果以上方案没有解决你的问题,你可以再根据网上的常规方法设置setting.json,等等