请教 Vue3 + typescript 最佳实践问题

[jenson47]

如题，我发现 vscode 下使用 vue 官方插件，使用 vue3+typescript 去开发，我发现在 template 上 typescript 是没效果。 比如

1. 第三方扩展自动引入
2. 属性自动识别 [看情况]
3. 不存在属性或方法无法提示错误，总之 typescript 不生效
4. 官方插件偶尔飘

[0xD800]

只要你们用过几年前的 volar 和几年前的 webstorm ，会觉得现在的 vue official 简直是爽爆了。。。。webstorm 长期不跟进 vue 插件 等麻了

[UnluckyNinja]

@jenson47 这个可能是 vue 扩展和 ts 语言服务器的问题，没加载到依赖所以没提示，一般重启下就好了。懒得导入也可以直接上 unplugin-vue-components ，用对应 ui 库的 resolver ，就不用手动导入了，因为会在项目里直接生成一个.d.ts 所以一般都有类型提示

[shellus]

Vue 官方插件就是一坨！ TypeScript 在模板上不起作用，属性自动引入和错误提示全都失效，这能让人安心开发吗？那些说用 WebStorm 的，谁会因为一个破插件就特意换 IDE ？搞笑呢。

推荐 React 的就别来搅局了，这里讨论的是 Vue+TypeScript ，不是 React ！说什么 TSX 写法复杂，那就说明 Vue 的生态还不成熟，干嘛不直接改进插件？

至于 Angular 和 Svelte ，真以为每个人都能适应那套东西？还有 Svelte ，别吹得那么高，真要用起来也有坑，总之 Vue 官方插件就是个半成品

[jenson47]

@shellus 公司运行的项目不是说变就变了，必须得两手准备，要不彻底转成 react ，要不就是如何优化 Vue Typescript 支持。
我看了下 Vue 官方插件开发进度，感觉有点难，而且 issue 还报挺多坑。
我看大部分开源项目都是使用 tsx 开发。不过我有点没搞明白 tsx 居然还用 Proptype 类型

[Whbbit1999]

还可以啊，我用着就没问题

[jenson47]

@Whbbit1999 #25 大概是这样子，项目是 monorepo 形式，非常大，
出现两个问题，1. vue 对 ts 支持不是很完善，在 template 里很多无法自动补全，template 的 ts 校验也没有
2. 由于体量大，vscode 的 typescript 默认有限制，需要将设置放开[typescript.preferences.includePackageJsonAutoImports 设置]( https://github.com/microsoft/TypeScript/issues/53116)