Vue - Official 请降级到 1.8.x

651 阅读3分钟

笔者也是刚被坑,看沸点也有同学遇到,所以写一篇水文喷一下。

背景

本文纯属吐槽吐槽 Vue 的生态,遇到提醒崩溃,语法没提示的同学,直接解决问题(剩流不看版):

网络好的,还记得挂代理的同学

看了评论区,本着求真务实的态度,挂上代理,再试一试:

录屏2024-03-12-09.16.27.gif

等了 10 秒,有反应了 ...

不挂代理,点完啥反应没有

网络差的,改不了版本的同学

  1. 搞到 Vue - Official 1.8.x 版本的 vsix,笔者准备了一份:Vue - Official 1.8.27
  2. VS Code 安装卸载最新的 Vue - Official(一般是 2.0.X),然后通过本地安装 1.8.x 版本
  3. 重启 VS Code。

---- 吐槽的分割线 ----

问题是这样,最近笔者的项目一打开就报错:

一开始没引起重视,毕竟 VS Code 一打开右下角经常崩各种提醒,已经习惯了。但这个产生的效果就是整个前端项目的依赖引用都跳转不了了,代码提醒也半残状态(没全残是因为还有 Copilot 这些代码辅助能力),但用起来十分不适应,ESLint 也不工作了。

真是一脸懵逼,然后回过头来细细看这个报错:JS/TS Language Service是 VS Code 系统服务,这玩意儿崩了?

原因

查这个原因,其实错误说的很明白,拓展有问题,我一开始没怀疑Vue - Official(上图这不是最早的报错信息,最早提示有可能的有3个拓展插件),把其他 Vue 相关的拓展插件都删了,只保留了Vue - Official,因为这个是正统的全家桶,根本没怀疑到它身上。

但尝试了好多次,还是报这个错,只要这个JS/TS Language Service启不来,有这个插件和没有一样,笔者脾气一上来,全卸了盲敲了一天代码。

后面实在忍不了这种盲敲的体验,问了同项目的同学有遇到这问题没,得知要降版本到 Vue - Official 1.8.x ...

????啊这,什么玩意儿?

我最初认为是公司这项目有什么鬼问题,还能影响到这种官方正统插件了?

本着探究的原则,自己看了看这插件:

image.png

笑死,错怪项目了,特么的从 2.0.0 到最新的 2.0.6 有多少人不能用了?官方有没有点数?就和评论老哥说的:

没有活能不能别非要整活儿?

不求能有多牛逼,至少你要提供能用的版本 ...

是的,1.8.x 也没有可用版本,最低都是 2.0.2 起步 ...

image.png

这真的服了。

解决方式

官网没有,上它 git 仓库上找了找,确实也没有 1.8.x 的产物包。

那怎么办呢?

直接下它 1.8.27 的 Tag 包,自己编一个产物就好了。

这很简单,怕笔者投毒,想自己编译的同学也可以自己试试:

image.png

pnpm i

pnpm pack

拿到产物后,通过 VS Code 本地插件安装上:

image.png

这样就好了:

image.png

还有一点,记得把自动更新关掉:

image.png

不然又会偷偷更新回去,这真的是离谱给他妈开门啦!

总结

这么重要的生态插件搞成这样,还能行不行?吐槽完毕。


感谢阅读,如果对你有用请点个赞 ❤️

中秋节GIF动图引导在看提示.gif