vue 3.0 vite vscode ide 提示反应很慢

[ZGame]

问下整个有啥办法排查吗 是插件的问题还是？

[songray]

1. 有没有用 wsl.
2. 项目规模, 如果是那种 100+个.vue 的项目, 卡是正常的, vue official (lsp) 做的很烂.
3. 同时可以检查一下 tsconfig, 记得设置 skiplib

[gitdoit]

可能是 vue 官方 2.x 插件的问题 可以去看看他们仓库的 issue 列表, 都是你这个症状

[crocoBaby]

我也遇到了,而且很多组件不能高亮

[LuckyLauncher]

该说不说，vue 的语法提示、浏览器 devtool 做的都很烂

[bojackhorseman]

volar 变成 vue 插件了，感觉越来越差了😪

[bojackhorseman]

@bojackhorseman 毕竟不像 react 是 ts 亲儿子。隔几分钟就得 reload window 一下

[fgt1t5y]

使用 1.8.27 这个版本会正常一点

[x007xyzabc]

是的，卡死

[wusheng0]

插件问题搞得不想用 vue 了

[realJamespond]

@wusheng0 哈哈，16 年开始转前端，开始用的是 vue ，17 年就转 react 了一直到现在

[LandCruiser]

这些东西都是用爱发电的，做的不行很正常。

[lovelyxiaod]

我也是, 我们公司还是内网虚拟机开发, 机器性能更差, 项目又大, ts 等同于残废. 兄弟们有好的优化方法记得回复一下, 多谢了.

[bestie]

是的，我用也反应慢，而且有个很蛋疼的问题。如果一个 vue 文件，在里面新增一个 script setup 标签，那么这个文件里面的高亮会完全错乱失效，代码提示也会失效，只能 reload window 或者关闭编辑器重启才会恢复。

[17681880207]

vscode 写 vue ，函数变量经常无法点击跳转，平均半小时或者每次新增文件之后 reload window 一下是常态了。
关键是我发现现在连 webstorm 也不行了...

[coolfan]

新增文件后引用不到的话，去 tsconfig.app.json 文件里按一下 ctrl + S 就行🤣

[zogwosh]

不仅如此,你增加 package.json 的依赖,volar 的性能也会变差,比如 element,icon.
就连 webstorm 改用 volar 了以后,性能也变得很差.
已经不想写 vue 了,vue 是好框架但是开发体验太差

[ilvsxk]

插件本身不行，问题多，有时候还有有奇奇怪怪的问题，就只有重开 vscode ，隔两三个小时重开一次都快成习惯了。

[FlyBearX]

https://roadmap.sh/
这个网站就是学习路线了
你可以参考学习

[FlyBearX]

@FlyBearX 回复错了,不好意思

[lisongeee]

使用 vue/tsx 能解决你的问题，但是没有模板编译优化，而且各种指令和插槽也不太好写

[mrwangjustsay]

同

[doommm]

卡的时候我一般会 restart vue language server + restart ts server

[wetyq]

建议暂时换 WebStorm 解决

[samnya]

webstorm 里面也运行这个，好慢

[clandyuki]

楼上看到新建文件 ts 失效需要 reload window 我还以为是我自己的问题，没想到是官方问题

[yuuko]

为什么发到 react 下面😆

[yuuko]

很多人说什么 react 是 ts 亲儿子，其实是因为 jsx/tsx 是 js/ts 一个扩展，但是 vue 不是

[Dragonphy]

@wusheng0 #9 这种 HTML 结构的解析都挺麻烦的，除非你只写 TSX 。

[CHTuring]

无解，Valor 的问题，永远都不可能好。

[orionnnnn]

@17681880207 如果 vscode 使用的是`Vue - Official`插件，那么需要在项目下新增`tsconfig.json`，配置之后跳转丝滑。配置参考如下。
```json
{
"compilerOptions": {
"target": "ESNext",
"lib": ["DOM", "ESNext"],
"baseUrl": ".",
"module": "ESNext",
"moduleResolution": "node",
"paths": {
"@/*": ["src/*"]
},
"resolveJsonModule": true,
"types": ["vite/client"],
"allowJs": true,
"strict": true,
"strictNullChecks": true,
"noUnusedLocals": true,
"outDir": "./dist",
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"isolatedModules": false,
"skipLibCheck": true
},
"exclude": ["dist", "node_modules"]
}
```

[yanqing07]

@LuckyLauncher #4 最近的 devtool ，开一阵子就无响应了。不知道它代码更新了什么，以前用的还是好好的。

[LandCruiser]

@yanqing07 去应用商店下另一个版本就行，就是有 bug ，然后维护 devtools 的那个人没钱拿，前段时间打算不干了，不过最近好像拿到钱又开始干了，但是修复一时半会是修复不了的。

[delta1035]

卡的受不了

[yanqing07]

@LandCruiser #32 呃。。。原来不是官方去维护的 devtools 。果然，还是用 react 比较省心

[LandCruiser]

@yanqing07 是 vue 团队的人啊，他们也不是有固定工资的，有人赞助就有。

[gbw1992]

额啊，上次在一个群里问 vscode 开发 vue 提示慢的问题
然后都说不慢，我还以为是我的问题

[xntzmk]

@songray 用 wsl 会好很多么

[wusheng0]

@LandCruiser 不理解。祖师爷都开上兰博基尼了，周边还维护不好。那个插件也是，挂在官方下面，结果作者说是个人维护。

[wusheng0]

@wusheng0 邻居的车，当我没说

[LandCruiser]

@wusheng0 怎么说呢，vue 主要是中文群体在用，这个群体的生存压力要比英语群体大的多得多，没时间搞很正常。

[suyuyu]

高亮都能错，且语法错误右下角马上弹窗插件就挂了必须重载。