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

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

vscode或vetur插件升级后vue代码高亮失效解决_第1张图片

试过了搜索到的一些解决方案,比如重装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代码高亮失效解决_第2张图片

  • 现在,可以从vsce安装vetur

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

vscode或vetur插件升级后vue代码高亮失效解决_第3张图片
。。。。还是黑白的啊啊啊啊
vscode或vetur插件升级后vue代码高亮失效解决_第4张图片
那再试试版本回退好了。。。

  • 从官网下载历史版本

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

vscode或vetur插件升级后vue代码高亮失效解决_第5张图片

完美~

你可能感兴趣的:(vscode或vetur插件升级后vue代码高亮失效解决)