vscode中 vue3+ts 项目的提示失效,volar插件失效问题解决方案

文章目录

前情提要

说起来很耻辱,从mac环境换到window环境,vscode的配置都是云端更新过来的,应该是一切正常才对,奇怪的是我的项目环境出现问题了,关于组件的ts和追踪都没有效果,再经过一上午的排查和试错后,终于被我解决,问题的原因是volar和ts环境之间的版本不匹配,下面来看下我的解决过程和问题复现。


bug回顾

大家的插件库里应该都有一个这样的插件

这是一个增强我们ts开发体验的插件,有了它之后我们的开发会很有乐趣,比如,我们自定义了一个组件,那么它里面有哪些参数,该插件就会帮我们提示,例子如下:

尤其是使用一些三方组件的时候,很多属性是未知的,所以这样的提示必不可少。那么我的问题就是没有这些提示和组件高亮追踪了,如下所示:

可以看到标签高亮也没有,属性提示更是不存在


解决方案

前面提到,我调研到是Volar和TS的版本问题,所以,我们要切换Volar插件的Ts版本

ctrl+shift+p 出现命令板,输入如下命令并点击:>Volar:select Type

出现下面这个选项后,可以看到,当前vscodes的 ts 版本是5.4,而项目依赖的是4.82,所以切到项目依赖的版本上去,我们的Volar就可以重新使用了。


最后

📚 Typescript

☃️ 个人简介:一个喜爱技术的人。

🌞 励志格言: 脚踏实地,虚心学习。

❗如果文章还可以,记得用你可爱的小手点赞👍关注✅,我会在第一时间回、回访,欢迎进一步交流。

相关推荐
CyL_Cly1 分钟前
解决官网下载慢!Android Studio 最新版网盘下载
android·ide·android studio
诚信定制83918 分钟前
使用 CLion 内置性能分析工具观察新特性开销
编辑器
唠叨的蜜粉2 小时前
无需离开 Visual Studio 即可审阅拉取请求
ide·visual studio
HAPPY酷7 小时前
【ROS2】PyCharm 启动 Gazebo 仿真报错?从配置 Shell 到修复路径的全流程复盘
ide·chrome·pycharm
zzzll11117 小时前
Typora插件开发指南:打造专属IDE式写作环境
ide·学习·计算机·大模型·llm·知识
snow@li8 小时前
VSCode:学习手册 / 全景梳理与深度分析
ide·vscode
真的想不出名儿8 小时前
Md编辑器整合-react
前端·react.js·编辑器
2601_961593421 天前
Mac 上搭建Linux环境吗?VMware + CentOS Stream 9 镜像快速部署
linux·运维·ide·macos·centos
郭老二1 天前
【ROS2】vscode配置头文件路径等
vscode
不厌 -_-1 天前
VSCode 中 Markdown 转 PDF
vscode·pdf