现代前端应用正变得越来越庞大、更加模块化,并且越来越多地依赖 TypeScript。 WebStorm 2026.1 通过强化 IDE 的 TypeScript 基础、扩展对不断演进的前端生态系统的支持,以及进一步优化 IDE 在大规模 React 和 TypeScript 项目中的表现,致力于帮助您在这些环境中保持高效。
此版本的亮点包括:
除了 Junie、Claude Agent 以及最新加入的 Codex,WebStorm 现在允许您在 AI Chat 中直接使用更多 AI Agent。
您还可以选择 GitHub Copilot、Cursor 等通过 Agent Client Protocol (ACP)支持的多种智能体。 全新的 ACP 注册表让发现和安装这些智能体更加简单。 无需手动配置集成,您可以浏览可用智能体,并通过一次点击完成安装。
现在,后续编辑建议不会消耗您的 JetBrains AI Pro、Ultimate 和 Enterprise 订阅的 AI 配额。 这些建议超越了传统的 JavaScript、TypeScript、HTML 和 CSS 代码补全。 它们不仅会更新光标所在位置的内容,还可以智能地跨整个文件应用相关更改,帮助您轻松保持代码一致性和最新状态。
这种代码补全的自然演进带来了无缝的 Tab Tab 体验,让您保持流畅的开发节奏。
随着 TypeScript 项目的规模不断扩大,在 IDE 中同时保持类型引擎的准确性和性能变得越来越困难。 WebStorm 现在默认使用由服务驱动的 TypeScript 引擎,更直接依赖官方 TypeScript 语言服务提供代码洞察。
对于在大型项目中工作的开发者,这意味着:
最终带来更流畅的编辑体验,以及更少的 IDE 报告结果与实际构建输出之间的不一致。
近期的 TypeScript 版本对编译器默认值进行了多项调整,这些变化可能导致构建行为与 IDE 代码洞察之间出现细微差异。
在 WebStorm 2026.1 中,项目配置已与这些变化保持一致。 例如:
types 选项的最新默认行为,避免自动包含 node_modules/@types 中的所有软件包。 rootDir 默认值一致。 baseUrl 转向显式 paths 映射。 这些更新有助于确保您在编辑器中看到的内容与 TypeScript 实际解析项目中类型的方式保持一致。
import/export WebStorm 现在支持在 import 和 export 中使用字符串字面量作为标识符,这样,可以自定义导出名称,并获得完整的代码洞察和重构支持。
export { a as "a-b" }; import { "a-b" as a } from "./file.js"; React 项目现在会从针对新的 use memo 和 use no memo 指令的改进高亮显示中受益。
这些指令现在会与现有的 use client 和 use server 等指令保持一致的处理方式,使您能够一目了然地理解组件行为。
在最近的版本中,Angular 模板变得更加强大,允许在模板代码中直接使用更复杂的表达式。
WebStorm 现已支持 Angular 21.x 版本中引入的多项新特性,包括箭头函数、instanceof 检查、正则表达式以及模板表达式中的展开语法。 这些功能使模板更加灵活,同时仍然保留完整的导航、检查和代码洞察支持。
WebStorm 2026.1 集成了更新后的 @vue/typescript-plugin,提升了 .vue 组件中的 TypeScript 支持和代码洞察。 这使 WebStorm 能够紧跟不断发展的 Vue 工具生态系统,并确保更顺畅的 TypeScript 互操作性。
Astro 项目现在支持通过 JSON 配置字段将设置直接传递给 Astro 语言服务器。 这让您可以更好地控制语言服务器如何分析项目,并使 WebStorm 与不断发展的 Astro 生态系统保持一致。
WebStorm 2026.1 添加了对 <script> 标签中 generics 特性的支持,从而支持对泛型类型形参的导航、Rename(重命名)重构和用法搜索。 IDE 还引入了对 @attach 指令的支持,并更新了捆绑的 Svelte 语言工具。
WebStorm 现在能够理解现代 CSS 的 color() 函数,并识别多种预定义色彩空间中的值。
这使得颜色预览更加准确,验证能力更强,同时也更好地支持超越传统 sRGB 的高级颜色工作流。
新版本还包括对性能、框架集成和整体 IDE 可靠性的众多改进。 您可以在版本说明中找到完整的更改列表。 立即更新到 WebStorm 2026.1,探索最新改进,并务必分享您的反馈。