目录
- 问题复现
- 问题分析
- 解决步骤
- 1、进入VSCode插件市场,搜索Vue.volar
- 2、点击搜索结果,进入详情页面
- 3、下载.vsix文件完成后,用解压软件打开
- 4、复制package.json文件,修改vscode版本
- 5、保存package.json文件,并更新.vsix插件
- 6、打开VSCode,安装.vsix插件
问题复现
今天在运行一个vue项目时,使用yarn install安装依赖组件时,出现了以下提示。记录下来方便以后避坑。
问题分析
我的VS Code版本时1.80.0,而vue.volar插件给出的VS Code最低版本为1.88.0,当然两种解决办法:①重装版本不低于1.88.0 的VS Code;②修改vue.volar插件的最低兼容版本为1.80.0。
我的VS Code版本如下:
解决步骤
以下我采用第二种解决办法,具体操作如下:
1、进入VSCode插件市场,搜索Vue.volar
点开如下链接即可达到:
Search results - Vue.volar | Visual Studio Code , Visual Studio Marketplace
可以看到如下界面:
2、点击搜索结果,进入详情页面
如下图所示,点击下载插件。
3、下载.vsix文件完成后,用解压软件打开
注意:
不会使用压缩软件打开的童鞋,可以将 .vsix后缀名改为.zip后,在使用压缩工具软件打开。
4、复制package.json文件,修改vscode版本
打开压缩包后在extension目录下找到package.json,将其复制一份出来。打开package.json文件,修改两次VS Code的版本值为:1.80.0。分别如下图所示:
5、保存package.json文件,并更新.vsix插件
将修改后的package.json文件替换掉.vsix中的package.json文件。
6、打开VSCode,安装.vsix插件
如下如所示,从本地安装插件:
总结:按照以上步骤即可顺利安装vue.volar插件。
总之,要解决这个问题,你可以考虑升级 Visual Studio Code、查看扩展的要求、寻找替代扩展或下载适合你版本的旧版扩展。