TypeScript 7原生预览版在Visual Studio 2026中的支持
今年3月,Anders Hejlsberg宣布了TypeScript 7原生预览版,5月份Daniel发布了《宣布TypeScript原生预览版》。现在,Visual Studio 2026 Insiders已经支持TypeScript的原生预览版。使用下面的下载链接安装最新Visual Studio预览版即可体验。使用此新预览版时,您的编译时间应显著加快,IDE将使用更少内存,整体性能应得到提升。如果您处理大型TypeScript项目,这一点尤其明显。
什么是TypeScript 7原生预览版?
TypeScript 7原生预览版是一个新版本,是TypeScript编译器和工具的原生移植。这是一个重大变化,将通过原生速度和并行化显著减少编译时间,并改善构建TypeScript应用程序时的开发体验。我们已经看到大型代码库的编译时间提高了10倍。此外,TypeScript编译器的内存使用量也大幅减少。以下是编译时间改进的图表:
代码库 | 大小(代码行数) | 当前 | 原生 | 加速比 |
---|---|---|---|---|
VS Code | 1,505,000 | 77.8秒 | 7.5秒 | 10.4倍 |
Playwright | 356,000 | 11.1秒 | 1.1秒 | 10.1倍 |
TypeORM | 270,000 | 17.5秒 | 1.3秒 | 13.5倍 |
date-fns | 104,000 | 6.5秒 | 0.7秒 | 9.5倍 |
tRPC(服务器+客户端) | 18,000 | 5.5秒 | 0.6秒 | 9.1倍 |
rxjs(可观察对象) | 2,100 | 1.1秒 | 0.1秒 | 11.0倍 |
注意:这些值是在3月份捕获的,很好地代表了编译器当前的性能。
新的TypeScript语言服务也有显著的性能改进。我们发现项目加载时间减少了约8倍。改进不仅限于加载时间;任何与TypeScript语言服务交互的功能都应看到整体速度提升。诸如"查找所有引用"、“转到定义"等操作都应比之前更快。如果您正在处理大型代码库,您应该会看到整个开发体验的明显改善。您将花费更少的时间等待IDE响应,而有更多时间高效地处理应用程序。
有关我们为何创建新的原生TypeScript版本的更多详细信息,请参阅以下资源:
10倍更快的TypeScript - TypeScript 常见问题解答
我们将继续展示如何在您的应用程序中开始使用TypeScript原生预览版。
如何在Visual Studio 2026中使用TypeScript原生预览版
Visual Studio附带了一个TypeScript编译器和语言服务版本,用于应用程序未指定要使用的特定版本的情况。此时该组件不会更新为TypeScript原生预览版,但我们可能会在其达到GA质量后更新。要开始使用TypeScript预览版,您只需编辑package.json,将typescript包替换为@typescript/native-preview。在Visual Studio中编辑时,IntelliSense将显示补全,以便您可以选择所需的包版本。请参见下图。
[图片:Visual Studio中的IntelliSense显示@typescript/native-preview包]
进行此更改后,建议按照以下步骤使语言服务使用正确的版本:
- 在某些情况下,依赖项会引入旧版本的TypeScript并导致错误。从package.json中删除这些包。您可以查看package-lock.json以查找引入旧版本TypeScript的包。
- 删除node_modules文件夹。
- 运行npm_install,如果您使用的是JavaScript/TypeScript项目,可以在Visual Studio中打开项目并构建。
- 关闭并重新打开Visual Studio。
执行这些步骤后,当您在Visual Studio中打开该项目/文件夹时,您应该正在使用TypeScript原生预览版。您可以通过打开TypeScript文件并查看"输出"窗口的"IntelliSense"选项卡来验证这一点。请参见下图。
[图片:显示TypeScript原生预览版正在使用的输出窗口]
现在让我们继续讨论此预览版支持的一些已知问题。
已知问题
这是一个非常早期的预览版,TypeScript/JavaScript生态系统仍在适应和支持此新版本的TypeScript。以下是重要的已知问题。这不是一个详尽的列表。
使用旧版TypeScript的其他包引起的冲突
如果您的应用程序使用依赖于旧版TypeScript的包,您可能会遇到错误或其他问题。
编辑器集成
我们正在更新Visual Studio中的编辑器以支持最新版本,但许多功能尚未支持。具体来说,您可能会看到不同的代码着色、缺少快速修复支持以及其他缺失功能。
HTML组件文件
在处理HTML组件文件时,您可能会在使用编辑器时遇到问题。具体来说,您可能会看到无效的警告/错误。
了解了关键的已知问题后,让我们探索分享反馈和报告遇到的任何问题的最有效方法。
报告反馈
如果您对TypeScript编译器或语言服务有反馈,最好的反馈位置是在GitHub存储库中提交问题。
如果您遇到特定于Visual Studio的问题,可以通过开发者社区与我们分享反馈:通过"报告问题"报告任何错误或问题,并分享您对新功能的建议或对现有功能的改进建议。