请教 Vue3 + typescript 最佳实践问题

放弃吧。模版支持一塌糊涂，用 tsx 的了

用 webstorm

主打一个随缘
个人建议 react . hhhh

@wunonglin vue tsx 的写法 太复杂了。还不如直接 react 痛快

我用 vscode ，vue3+typescript 实在太卡了。我已经放弃了。

vscode 听说官方插件 vue official 巨几把烂？以前一直 webstorm 开发的，根本不敢切过来

我选择 react

@shimada666 目前最新的体验确实，虽然解决了 script 那边的问题，但 template 的还是没有，而且飘得很厉害 [同样的 vite+vue 项目，表现不一样]

没人选择 angular 么？ ng 19 把 vue 和 react 的关键特性抄过来，顺便把 c# 的 razor 木板也抄了一下， 用起来非常舒服

问一下 vscode 插件 vue official 做得这么垃圾，如各种语法提示失效或重复/高亮着色错误/保存文件卡顿

是否有部分原因是 vue 的语法糖太多的问题？好奇同为模板编译的的 svelte vscode 插件 是否存在此问题？

@beginor 用 ng 是目前降低心智的唯一选择

@beginor 目前 ag 没有深入了解，粗看挺 面向对象以及用了好多 @

先用的 angular ，后用的 vue ，本来以为支持 typescript 的体验应该都差不多，结果发现 vue 体验差好多，angular 应该是直接就能用了，跳转提示啥的都直接用，不知道是不是 vue 要装什么插件，同进来学习下看看有没有好的用法

我只是偶尔遇到过 ts 提示卡住了，一般 ctrl shift p 重启下语言服务器就好了。
自动补全+导入、自动补全组件 props 、单文件组件模板内 ts 类型检查等都没有问题。
个人印象中几个不足是，
1. script 标签在 30 行后会丢失局部变量高亮，没搜到有人报 issue ，不确定是不是我本地问题（调出 vscode 的调试，变量的 textmate 数据正常，就是高亮颜色变了）
2. 模板的默认未定义组件完全没提示，一眼看不出来是不是忘了导入组件，但开启模板组件严格检查后又会提示未声明的 prop 报错，我只是想要个自定义组件未导入的提示……（可以靠 eslint 解决，但如果能内置省事点）（以及 vite 有省去导入组件的插件，只是个人感觉有明确导入直观一点）
3.如果启用 eslint 的保存时自动修正，经常会卡住 code actions ，这个也可能是 eslint 的问题

@beginor 生态不足

@UnluckyNinja 这个第 2 点，比如在 react 的 tsx 里，我如果写在 template 时，会提示导入组件第三方或者项目自定义的组件都有。
但是 vue 的 template 就会飘。哪些情形可以提示，项目自定义组件，第三方已导入过的其他组件，比如第三方某包已经引入 Alert ，如果你在 template 里写 Button 就会识别并自动导入。如果没有第三方就不会自动识别和导入，只能在 script 上手动写 [这里会提示]
第 3 点我这边没有测出来，没看到 template 上的报错，以及随便多写也不会识别，很奇怪

@lisongeee #10 就是 vue official 巨烂，svelte 和 Astro 这些没有问题。

tsx + webstorm

除了 vue official ，没人说一下那个 vue devtool 吗

vue official 确实非常不稳定，有时会失灵或胡乱报错，大概每周都会遇到过 1~2 次，重启后可恢复正常

至于你说的其他问题我 24 年以来倒是从来没有遇到过

PS. 我从 2020 年开始用 Vue3 + typescript 开发，早期（那时候还叫 volar ） 在 ts 中非常难用，后来（大概 24 年开始？）我基本上没有遇到过什么特别影响开发体验的问题