Ohhnews

分类导航

$ cd ..
Jetbrains Blog原文

WebStorm 2026.2 稳定支持 TypeScript 7:为 Angular 和 React 提供更快编码辅助,无需迁移

#typescript 7#webstorm#angular#react#编码辅助

TypeScript 7 堪称真正的游戏规则改变者,其基于 Go 的全新语言引擎从根本上改变了 IDE 与 TypeScript 的集成方式。更重要的是,WebStorm 2026.2 已为其提供稳定支持,包括 Angular 和 React 项目。

无需迁移——如果你的团队因基础设施原因停留在旧版 TypeScript,项目的约束条件也会完全保持不变。真正改变的,是你在 WebStorm 中获得的编码辅助的速度和质量。

这篇文章将介绍 TypeScript 7 支持对 Angular 和 React 用户来说实际意味着什么。

底层原理:为什么基于 Go 的引擎会带来改变

TypeScript 7 用基于 Go 编写的新引擎取代了基于 Node.js 的语言服务。结果是编译器更快,工作量更少,却能提供相同甚至更好的编码辅助。

对于 WebStorm 来说,这意味着需要重新思考 IDE 如何在语言服务层面与 TypeScript 集成。我们没有依赖现有的插件层,而是为基于 Go 的引擎构建了原生支持,使其能够直接驱动编码辅助。在大型代码库中,这种差异最为明显,因为旧引擎的开销在那里最突出。

Angular:率先获得完整的 TypeScript 7 支持

WebStorm 2026.2.2 对 Angular 项目的 TypeScript 7 支持已完全稳定。你可以在 WebStorm 的首选项中切换到基于 Go 的引擎,而无需对项目进行任何更改。

根据微软官方发布的信息,新编译器比基于 Node.js 的前代产品快最多 10 倍。我们在 Kibana 代码库上运行了 TypeScript 7,项目加载时间从约 12 秒降到了 3 秒。Kibana 是目前最大的开源 TypeScript 代码库之一,因此这是一个很有意义的结果,也能很好地反映大型 Angular monorepo 可以期待的性能提升。

你可以为 Angular 项目在 WebStorm 首选项中选择 TypeScript 7.0 作为编码辅助,从而享受改进后的性能。

你可能会好奇:在 Angular 编译器和 VS Code 的编码辅助都尚未支持 TypeScript 7.0 的情况下,这是如何做到的?WebStorm 自带一个从 Angular 编译器移植到 Kotlin 的 Angular 模板转译器,这给了我们很大的灵活性。对于基于 Node.js 的 TypeScript,我们开发了一个 Volar 插件来支持 TypeScript 编译器中的源映射。对于基于 Go 的 TypeScript,我们通过将 Volar 的部分实现移植到 Kotlin 并适配我们的基础设施,实现了类似的解决方案。

总体思路是:有一个层负责收集转译后的代码与映射,并将 IDE 请求从原始源代码中的坐标转换为生成代码中的坐标。另一方面,TypeScript 编译器只看到生成后的代码,并接收带有已转换坐标的请求。这种解决方案使我们能够转译 TypeScript 文件,并在 Angular 内联模板中提供代码辅助。TypeScript-Go 的 content-mappers 功能目前仅限于非 TypeScript 文件,而且它似乎不会支持 Angular 用例。

我们很期待看到 Angular 编译器将如何针对 TypeScript 7.0 进行重新设计。但即便现在,你已经可以通过 WebStorm 在 Angular 项目中享受更好的性能!

React 和 Vue 的更新

你的 React 项目已经在使用 TypeScript 7 了吗?WebStorm 完全支持。基于 Go 的引擎可开箱即用地驱动编码辅助。更新 WebStorm,在首选项中选择 TypeScript 7,就可以直接使用了。

我们还在将 Vue 转译器移植到 Kotlin 和 Kolar(即将推出),并积极寻找支持 Vue with TypeScript 7 的最佳解决方案。我们需要做的就是评估是通过官方的 content-mappers 方案实现,还是使用我们的 Kotlin 转译器和 Kolar。

下一步

对于 React,TypeScript 7 支持现已稳定,今天就可以使用。对于 Angular,我们将继续完善集成,并关注 Angular 编译器如何演进以原生支持 TypeScript 7。如果你在项目中遇到任何意外情况,欢迎随时告诉我们。来自真实代码库的反馈将决定我们下一步的发展方向!

下载 WebStorm 2026.2.2