vscode或vetur插件升级后vue代码高亮失效解决

就在2018年12月3日的清晨,手贱升级了vetur插件,从此我的vscode一片灰暗……哦不,一片黑白……

《vscode或vetur插件升级后vue代码高亮失效解决》

试过了搜索到的一些解决方案,比如重装veturvscode直接搜索重装)啊,更改设置啊,都没用。
最后才发现vetur官方 github 给的方案比较靠谱~就是从vsce安装插件,或者版本回退下,步骤如下:

  • 卸载已经更新的vetur插件
  • 安装vsce
    npm install -g vsce
    
  • 没有安装yarn的小伙伴先装一下yarn,安装步骤yarn的官网有
  • 接下来依次执行
    git clone https://github.com/vuejs/vetur
    cd vetur
    yarn 
    cd server && yarn && yarn compile 
    cd ../ && yarn compile 
    vsce package

    此时终端会提醒你vetur-{version}.vsix已经装好了

《vscode或vetur插件升级后vue代码高亮失效解决》

  • 现在,可以从vsce安装vetur

    按照安装好后显示的路径选择文件vetur-0.14.3.vsix,装好后重载即可

《vscode或vetur插件升级后vue代码高亮失效解决》
。。。。还是黑白的啊啊啊啊
《vscode或vetur插件升级后vue代码高亮失效解决》
那再试试版本回退好了。。。

  • 从官网下载历史版本

    我下载的是版本0.14.2,从vsix安装重载后

《vscode或vetur插件升级后vue代码高亮失效解决》

完美~

    原文作者:猫仔
    原文地址: https://segmentfault.com/a/1190000017245061
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞