Ohhnews

分类导航

$ cd ..
Jetbrains Blog原文

WebStorm 2026.1 发布:引入 AI Agent 生态与强化 TypeScript 性能

#webstorm#集成开发环境#人工智能#typescript#前端开发

WebStorm 2026.1 现已正式发布!

本次更新专注于日常 Web 开发工作流中 IDE 最核心的支持能力,旨在帮助您在大型 TypeScript 项目中保持高效,轻松跟上快速演进的前端框架,并将 AI 工具深度集成到 IDE 中,让您无需频繁切换上下文。

本次发布的主要亮点包括:

AI 辅助开发

  • AI 聊天中直接集成了 Junie、Claude Agent 和 Codex
  • 用于发现和安装 Agent 的 ACP 注册表
  • 下一步编辑建议(Next edit suggestions)

更强大的 TypeScript 支持

  • 默认启用基于服务的 TypeScript 引擎
  • 对齐 TypeScript 6 标准
  • 支持字符串字面量 import/export

框架与技术

  • 新增 React 指令高亮显示
  • 支持 Angular 21 模板语法
  • Vue TypeScript 集成更新
  • Astro 语言服务器配置
  • Svelte 泛型支持
  • 支持现代 CSS 色彩空间

此外,本次更新还针对 TypeScript、React、Angular、Vue、Astro、Prettier 等工具进行了大量的修复和体验优化。

想要了解 WebStorm 2026.1 的详细功能演示? 请查看我们的直播回放,获取本次版本重大更新的详细讲解。

您可以通过 Toolbox App 更新至 WebStorm 2026.1,或直接从我们的官网下载。

下载 WEBSTORM 2026.1

亮点功能

AI

在 AI 聊天中直接使用 Junie、Claude Agent 和 Codex

不同的 AI 工具擅长处理不同的任务,但频繁切换会打断您的开发思路。除了 Junie、Claude Agent 和近期加入的 Codex 外,您现在可以在 AI 聊天中选择更多 Agent,包括 Cursor、GitHub Copilot 以及通过 Agent Client Protocol (ACP) 支持的数十种外部 Agent。

借助全新的 ACP 注册表,您可以一键发现并安装可用的 Agent。

下一步编辑建议 (Next edit suggestions)

现在使用“下一步编辑建议”功能无需消耗 JetBrains AI Pro、Ultimate 或 Enterprise 订阅的额度。这些建议超越了传统的 JavaScript、TypeScript、HTML 和 CSS 代码补全。它不仅更新光标所在位置的代码,还能智能地将相关更改应用到整个文件,帮助您以最小的努力保持代码的一致性和更新。

这是代码补全功能的自然演进,为您带来无缝的 Tab Tab 体验,让您始终保持专注。

TypeScript

更精准、响应更快的 TypeScript 支持

大型 TypeScript 代码库对编辑器性能要求极高。WebStorm 现在默认使用基于服务的 TypeScript 引擎,在提升正确性的同时降低了大型项目中的 CPU 占用。这使得导航、检查和重构操作在日常工作中更加灵敏。

此外,如果您使用基于 Go 的 TypeScript 语言服务器,WebStorm 现在可以直接在编辑器中显示其内嵌提示(Inlay Hints)(WEB-75982)。

TypeScript 6 支持

编辑器必须与编译器的默认行为保持一致。WebStorm 2026.1 跟进了 TypeScript 6 中关于默认 types 值 (WEB-75541) 和 rootDir (WEB-75865) 的变更。同时,它也开始调整 TypeScript 配置处理方式,以向 TypeScript 7 对 baseUrl 的变更方向看齐 (WEB-76504)。

字符串字面量 importexport 说明符

WebStorm 现在可以识别 importexport 说明符中的字符串字面量名称,因此针对此标准语法的解析、高亮、导航和重构功能均可正常工作。

示例:

$ tsc
export { a as "a-b" };
import { "a-b" as a } from "./file.js";

框架与技术

支持新的 React 指令

基于指令的行为在 React 中正变得越来越普遍,WebStorm 现在除了支持 use clientuse server 外,还新增了对 use memouse no memo 指令的高亮显示 (WEB-75595)。

支持现代 Angular 模板语法

WebStorm 2026.1 在 Angular 21.x 模板中增加了对箭头函数、instanceof 运算符、正则表达式以及展开语法(Spread syntax)的支持。

更新 Vue TypeScript 集成

WebStorm 现在使用 @vue/typescript-plugin 3.1.8,确保与最新 Vue 功能的兼容性。

可配置的 Astro 语言服务器

WebStorm 现在允许您直接从 IDE 将 JSON 配置传递给 Astro 语言服务器,从而更好地控制服务器行为。

改进的 Svelte 支持

WebStorm 现在支持 <script> 标签中的 generics 属性,支持对类型参数进行用法搜索、跳转到定义、使用“重命名”重构,并能解析属性值中的 TypeScript 结构。此外,IDE 还增加了对 @attach 指令的支持,并更新了内置的 svelte-language-servertypescript-svelte-plugin 包。

现代 CSS 色彩支持

WebStorm 现在支持在色板中预览 color() 函数,并识别更多预定义的 CSS 色彩空间,从而为新的颜色格式提供正确的预览和验证。

编辑器与工具改进

生产力

原生 Wayland 支持

WebStorm 现在默认在 Wayland 上原生运行。这一过渡为 Linux 专业用户提供了更清晰的 HiDPI 支持和更好的输入处理体验,并为未来支持 Vulkan 奠定了基础。

终端内补全

无需死记硬背命令。终端内补全功能可帮助您在输入时即时探索可用的子命令和参数。无论您是在处理复杂的 CLI 工具(如 Git、Docker 或 kubectl),还是使用自定义脚本,该功能都能实时智能地建议有效选项。该功能现已支持 PowerShell。

Code With Me 即将下架

随着 IDE 的不断演进,我们决定下架 Code With Me 协作编程服务。自 2026.1 版本起,Code With Me 将从所有 JetBrains IDE 中移除,并作为独立插件在 JetBrains Marketplace 上提供。2026.1 将是最后一个官方支持该服务的 IDE 版本。详情请参阅我们的博客公告

结语

WebStorm 2026.1 致力于提升 IDE 质量,确保类型检查响应灵敏、框架支持紧跟生态、工作流更加顺畅。有关更改的完整列表,请参阅完整的发布说明。

如果您在实际项目中试用了最新版本,欢迎告诉我们您的体验。您的反馈将塑造下一个版本的方向。