WebStorm 2026.3：全新设计-编码-生产工作流、WebStorm 中的 JetBrains Air 及更多更新
内容提要
WebStorm 2026.3 发布，将设计、编码与生产流程整合进 IDE。JetBrains Air 支持并行运行 Claude、Codex 等多种 AI 代理并审查其改动；Figma Connect 提供设计值与令牌；Storybook Connect 复用组件并生成缺失故事；Chrome DevTools Connect 让代理在真实浏览器中自测修复。此外还支持 TypeScript 7、无障碍声音提示及自动错误报告。
延伸解读
Air 如何融入现有代理生态
JetBrains Air 并非另起炉灶的 AI 助手，而是作为代理运行与审查层嵌入 WebStorm。它兼容 Claude Agent、Codex、Gemini、GitHub Copilot、Junie、OpenCode 等 ACP 代理，并自动检测本机已安装的代理。用户可沿用现有订阅、API 密钥甚至自定义 base URL，无需 JetBrains AI 订阅。这意味着团队不必更换代理工具，只需在 IDE 内统一调度和审查，降低了迁移成本。
设计到生产的闭环如何减少切换
Figma Connect、Storybook Connect 和 Chrome DevTools Connect 分别对应设计取值、组件复用和浏览器验证三个环节。Figma Connect 的 Inspect 面板直接给出 CSS 值、颜色和设计令牌；Storybook Connect 能分析组件 props 并自动生成缺失的 story；Chrome DevTools Connect 让代理在真实浏览器中检查 DOM、控制台和网络请求并自行修复。三者都在 Air 内运行，共享上下文和审查流程，从而把原本分散在多
TypeScript 7 支持的实际收益与限制
WebStorm 2026.3 对 TypeScript 7 的支持已稳定，覆盖 Angular 和 React 项目，且无需迁移或更改项目自身的 TypeScript 版本。其核心变化是用 Go 引擎替换基于 Node.js 的语言服务，以降低大型项目的开销。官方在 Kibana 代码库上的测试显示，项目加载时间从约 12 秒降至 3 秒。不过，这一数据来自特定代码库，实际收益会因项目规模和结构而异。
无障碍与错误报告：默认行为需留意
本次更新为屏幕阅读器用户增加了编辑器行标记的声音提示，构建、测试和断点命中等事件也有独立音效；Air 中的代理完成、出错或需要输入时同样会发出声音，且对所有用户默认开启。另一方面，WebStorm 会自动发送错误和 UI 冻结报告，报告仅含技术数据，文件路径、URL 和用户名会在离开本机前移除。用户可在设置中关闭自动报告，对隐私敏感的场景应留意这一默认开启项。
Q&A
WebStorm 2026.3 中的 JetBrains Air 是什么？它支持哪些 AI 代理？
JetBrains Air 是 WebStorm 2026.3 引入的代理开发层，可直接在 IDE 中运行、跟踪和验证多代理工作流。它支持 Claude Agent、Codex、Gemini、GitHub Copilot、Junie、OpenCode 以及其他 ACP 兼容代理，并会自动检测已安装的代理，一键连接。
Figma Connect 在 WebStorm 中如何帮助设计到代码的转换？
Figma Connect 通过 Inspect 面板让开发者无需离开 WebStorm 即可查看 Figma 设计细节，获取精确的 CSS 值、颜色和设计令牌，并可直接发送给 AI 代理，避免手动复制。它还支持浏览 Figma 图层、添加上下文，并与 JetBrains Air 集成。
Chrome DevTools Connect 如何让 AI 代理在浏览器中测试和修复代码？
Chrome DevTools Connect 是一个捆绑插件，通过 Chrome DevTools CLI 技能，代理可以打开页面、检查 DOM 和渲染 UI、读取控制台日志和网络请求、截图、与页面元素交互，并在真实浏览器中复现运行时问题并确认修复。首次使用时 WebStorm 会提示安装所需包。
Storybook Connect 如何帮助管理组件故事？
Storybook Connect 将 Storybook 集成到 WebStorm 中，提供专用工具窗口浏览和搜索故事，可在故事和源代码间跳转，并保持更改同步。它能分析组件 props，找出缺少故事的组件，并利用 AI 辅助工具自动生成缺失的故事，无需详细提示。还提供捆绑 CLI 和技能供开发者、CI 脚本和 AI 代理使用。
WebStorm 2026.3 在无障碍访问方面有哪些新特性？
WebStorm 2026.3 引入了声音提示，为编辑器行标记（错误、警告、版本控制更改、代码折叠）提供音频反馈，并可在构建、测试、断点命中等事件时播放不同声音。屏幕阅读器用户默认启用这些提示，Air 中的代理也有自己的声音提示（默认对所有用户启用）。用户可以在新的无障碍设置页面预览和自定义声音。
WebStorm 2026.3 对 TypeScript 7 的支持如何？是否需要迁移？
WebStorm 2026.3 稳定支持 TypeScript 7，包括在 Angular 和 React 项目中。它使用基于 Go 的引擎替代 Node.js 语言服务，减少大型项目的开销。开发者无需迁移或更改项目的 TypeScript 版本即可选择使用。在 Kibana 代码库上，项目加载时间从约 12 秒降至 3 秒。
