WebStorm 2026.1 正式发布:AI Agent 大集成,TypeScript 性能大提升

11 阅读4分钟

原文:WebStorm 2026.1: Service-powered TypeScript Engine, Junie, Claude Agent, and Codex in the AI chat 来源:JetBrains Blog


一、版本概览

WebStorm 2026.1 已正式发布!这次更新聚焦于三大核心方向

方向主要更新
🤖 AI 开发Junie、Claude Agent、Codex 集成到 AI Chat
📦 TypeScriptService-powered 引擎默认启用,性能大提升
🔧 框架支持React、Angular、Vue、Astro、Svelte 全面更新

二、AI 功能:Agent 大集成

2.1 多 Agent 支持

以前用不同的 AI 工具需要在多个应用间切换,现在全部整合到 WebStorm 的 AI Chat 中

Agent特点
JunieJetBrains 自研 AI 助手
Claude AgentAnthropic 的代码助手
CodexOpenAI 的代码生成模型
Cursor新加入,支持 ACP 协议
GitHub Copilot微软的 AI 结对编程
其他 Agent通过 ACP Registry 可安装数十种

2.2 ACP Registry:一键安装 Agent

Agent Client Protocol (ACP) 是 JetBrains 推出的 Agent 协议标准。

通过 ACP Registry,你可以:

发现 Agent → 一键安装 → 直接使用

无需离开 IDE,无需配置 API Key,开箱即用。

2.3 Next Edit Suggestions:智能编辑建议

这是一个超越传统代码补全的功能:

特性说明
全文件感知不只是补全光标位置,而是智能修改整个文件
Tab Tab 体验连续 Tab 接受建议,保持心流
不消耗配额JetBrains AI Pro/Ultimate/Enterprise 订阅用户免费使用

示例场景:你修改了一个函数名,Next Edit Suggestions 会自动建议更新所有调用处的函数名。


三、TypeScript:性能与准确性双提升

3.1 Service-powered TypeScript 引擎默认启用

大型 TypeScript 项目的压力主要来自:

  • CPU 占用高
  • 导航/检查/重构响应慢

WebStorm 2026.1 默认启用 Service-powered TypeScript 引擎

改进:
✅ 准确性提升
✅ CPU 占用降低
✅ 大项目响应更快

如果你使用 TypeScript Go-based 语言服务器,WebStorm 现在也能直接显示其 inlay hints。

3.2 TypeScript 6 支持

WebStorm 2026.1 跟进 TypeScript 6 的关键变更:

配置项变更
types 默认值跟进 TS 6 的默认行为
rootDir跟进 TS 6 的解析规则
baseUrl开始适配 TS 7 的变化方向

3.3 字符串字面量导入/导出

ES2023+ 支持字符串字面量作为导入/导出名称:

// 导出时使用字符串名称
export { a as "a-b" };

// 导入时使用字符串名称
import { "a-b" as a } from "./file.js";

WebStorm 现在完整支持这种语法:

  • ✅ 语法高亮
  • ✅ 导航跳转
  • ✅ 重构支持

四、框架支持全面更新

4.1 React:新指令高亮

React 的指令(directives)越来越常见,WebStorm 现在支持高亮:

指令说明
'use client'客户端组件
'use server'服务端组件
'use memo'记忆化组件(新)
'use no memo'禁用记忆化(新)
// WebStorm 会正确高亮这些指令
'use memo';

export default function MyComponent() {
  return <div>Memory optimized</div>;
}

4.2 Angular 21:模板语法增强

Angular 模板越来越强大,WebStorm 2026.1 支持:

语法示例
箭头函数(click)="() => doSomething()"
instanceof 操作符*ngIf="obj instanceof MyClass"
正则表达式*ngIf="/pattern/.test(value)"
展开语法[...items]

4.3 Vue:TypeScript 集成更新

WebStorm 更新到 @vue/typescript-plugin 3.1.8,确保与最新 Vue 特性兼容。

4.4 Astro:可配置语言服务器

对于需要自定义 Astro 语言服务器行为的项目:

// 在 IDE 设置中直接传递 JSON 配置
{
  "astro.languageServer": {
    "diagnostics": {
      "enabled": true
    }
  }
}

4.5 Svelte:泛型支持

WebStorm 现在支持 Svelte 的 <script> 标签中的 generics 属性:

<script lang="ts" generics="T extends Item">
  export let item: T;
</script>

支持的功能

  • ✅ 用法搜索
  • ✅ 跳转到声明
  • ✅ 重命名重构
  • ✅ TypeScript 构造解析
  • @attach 指令支持

4.6 CSS:现代颜色空间

WebStorm 现在支持现代 CSS 颜色函数:

/* 这些新格式都能正确预览和验证 */
.element {
  color: color(display-p3 1 0 0);
  background: color(a98-rgb 0.5 0.5 0);
}

五、编辑器与工具改进

5.1 原生 Wayland 支持(Linux)

WebStorm 现在默认在 Wayland 上原生运行:

优势说明
更清晰的 HiDPI高分屏显示更锐利
更好的输入处理触摸板、手写笔体验提升
未来扩展为 Vulkan 支持铺路

兼容性:不支持的环境会自动回退到 X11。

5.2 终端补全

不用再背命令了!

在终端中输入时,WebStorm 会实时建议:

git checkout → 自动补全分支名
docker run → 自动补全参数
kubectl get → 自动补全资源类型

支持范围

  • ✅ Bash
  • ✅ Zsh
  • ✅ PowerShell(新增)

六、重要变更:Code With Me 即将下线

JetBrains 决定逐步停止 Code With Me 协作编码服务。

时间节点变更
2026.1从 IDE 中解绑,改为 Marketplace 插件
后续版本逐步停止服务

原因:近年来需求下降,JetBrains 优先投入更现代的工作流。


七、升级方式

方式一:Toolbox App(推荐)

Toolbox App → WebStorm → 更新

方式二:官网下载

下载地址

方式三:IDE 内更新

Help → Check for Updates

八、总结:值得升级吗?

如果你...建议
使用 AI 编程工具✅ 强烈推荐:Agent 集成太方便了
大型 TS 项目✅ 强烈推荐:性能提升明显
React/Vue/Angular 开发✅ 推荐:框架支持更新
主要写 JavaScript🤔 可选升级
Linux 用户✅ 推荐:Wayland 原生支持

参考资料