目录

• 问题复现
• 问题分析
• 解决步骤
• 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、查看扩展的要求、寻找替代扩展或下载适合你版本的旧版扩展。