WebStorm 2025.1 最新变化

此版本引入了新功能并解决了几个旧有挑战。 主要改进包括 JetBrains AI 的重大更新、增强的 Angular 支持、更好的单仓库支持,以及一系列用户体验改进。

WebStorm goes AI

新 AI 订阅选项

JetBrains AI 进行了重大升级,将 AI Assistant 与 Junie 合并到一个订阅下。 在此版本中,JetBrains IDE 的 AI 功能现在免费使用,包括无限制代码补全、对本地模型的支持,以及基于抵用金的云托管功能(包括编码代理)访问。 在新订阅系统下,可以通过 AI Pro 和 AI Ultimate 层级轻松扩展。 有关详情,请查看此页面

对更多前沿 LLM 的支持

JetBrains AI Assistant 正在扩展其模型阵容。 我们添加了对 Claude 3.7 Sonnet 的支持,现已在 Amazon Bedrock 中配置。 这意味着您将获得更敏锐的响应、更快的洞察和更流畅的体验。 AI Assistant 的 OpenAI 模型阵容现在包括 o1、o1-mini、o3-mini 和 GPT-4.1(即将推出)。

AI 生成单元测试的一致命名

WebStorm 现在可以在借助 AI 生成单元测试时自动检测适当的测试框架。 这项改进确保使用适合您项目的正确框架创建测试,从而减少手动调整的需要并使测试生成过程更加无缝高效。

WebStorm 还确保 AI 生成单元测试遵循项目中的现有命名约定。

针对 Web 框架的改进 AI 补全

在 2025.1 版本中,我们重点改进了 Web 框架组件环境中基于 AI 的补全。 这些更改影响本地全行代码补全以及基于云的补全建议。

离线模式:使用本地模型

AI Assistant 让您可以灵活地在离线模式下使用本地模型,也可以利用基于云的 AI 处理。 现在,它支持离线模式,让您可以在没有互联网连接的情况下工作,同时仍然受益于 AI 赋能的编码辅助。 通过 Ollama 或 LM Studio 将本地模型用于聊天、代码生成、提交消息、内联文档等。

Angular 支持

对 Angular 17.2 信号查询的支持

WebStorm 现在支持 Angular 17.2 中引入的信号查询,为这种依赖项注入的现代反应式方式提供了更好的代码洞察和导航。 借助此更新,WebStorm 可以确保信号查询的准确类型推断,改进查询表达式中的代码补全,并增强信号及其引用之间的导航。

增强的反应式表单支持

WebStorm 现在为 Angular 的反应式表单中的 FormGroupFormArrayFormControlFormBuilder 提供代码补全和生成支持。 此更新使表单结构更易定义和管理,有助于减少手动工作量并提高开发速度。 借助更好的自动补全和快速修复,反应式表单的处理现在更加直观高效。

适用于 Angular 绑定的更好的属性建议

WebStorm 现在为属性绑定提供了改进的对象属性建议,使绑定组件属性更易使用。 在模板中定义绑定时,您将获得更准确的自动补全和验证,有助于减少错误并简化 Angular 应用程序中的开发。

提取或内联组件模板

WebStorm 现在简化了 Angular 组件中内联和单独模板之间的重构。 只需一个快速操作,您就可以在内联模板和单独的文件 (templateUrl) 之间转换,简化工作流并改善代码组织。

用户体验

Next.js 的自动运行配置 实验性

WebStorm 现在会自动为 Next.js 项目生成运行配置,使全栈应用程序更易设置和调试。

浮动 Show Context Actions(显示上下文操作)工具栏

WebStorm 2025.1 引入了新的浮动工具栏,此工具栏会在按 Alt+Enter 或选择代码时显示。 借助此工具栏,您可以快速访问 AI 功能、重构、代码重新格式设置Surround With(包围方式)操作

Project(项目)工具窗口中创建新文件

创建新文件现在更加方便。 您可以通过 + 图标直接从 Project(项目)窗口工具栏访问列出可用文件模板的弹出窗口,搜索字段可让您快速筛选并找到所需文件类型。

设置自动插件更新的选项

您可以设置 WebStorm 在后台自动更新插件。 它将下载可用且兼容的更新,并在下次 IDE 重启时应用,无额外通知。 您可以点击更新对话框中的 Enable auto-update(启用自动更新)复选框或通过 File | Settings | Appearance & Behavior | System Settings | Updates(文件 | 设置 | 外观与行为 | 系统设置 | 更新)启用自动更新。

Windows 和 Linux 主工具栏中合并的主菜单

对于 Windows 和 Linux 用户,IDE 现在提供了一个将主菜单与主工具栏合并的新选项,有助于创建更精简的界面。

框架和技术

改进的 Vue 和 Nuxt 支持

现在,WebStorm 可以通过 New Project(新建项目)向导中的 Nuxt CLI (nuxi) 集成更轻松地启动新的 Vue 项目,从而获得更流畅的设置体验。

我们还通过正确解析通过模块增强添加的自定义属性,改进了对 Vue 全局属性的支持。 此外,使用 __VLS_WithTemplateSlots 声明的打包组件的自动补全和自动导入问题也已修正,确保在 Vue 项目中获得更可靠的开发体验。

单仓库支持

按子项目 Prettier 配置支持

WebStorm 现在会考虑每个子项目的 Prettier 配置,确保您的单仓库或多项目设置的每个部分都遵循自己的格式设置规则。 这项改进为跨不同代码库、具有不同样式要求的工作提供了更大的灵活性和一致性。

针对单仓库中自动导入的更好的路径别名支持

我们重做了 WebStorm 中 exports 字段的处理。 这将改进解析、自动导入、导航和代码补全。 这对于 package.json 文件中具有复杂 exports 字段声明的单仓库项目尤其有用。

大型 Nx 单仓库中改进的代码补全和导航

WebStorm 现在为使用 Nx 的大型 TypeScript 单仓库提供更快、更可靠的代码补全和导航。 此更新可以确保代码补全、导航和自动导入无缝运行,即使是在复杂的多项目工作空间中也是如此。

GraphQL 和 Prisma

增强的 Prisma 支持

WebStorm 现在提供改进的 Prisma 支持,包括 ULID(通用唯一字典排序标识符)识别以及适当的语法高亮显示、验证和自动补全。 此外,Prisma 架构现在完全支持多行注释,用户可以更轻松地使用较长的解释来记录数据库结构。

标记模板中的改进 GraphQL 支持

WebStorm 现在会自动为 gql(query) 样式的标记模板注入 GraphQL 语法高亮显示和验证。 此增强可以确保更好的代码补全、错误检查和格式设置,简化 JavaScript 和 TypeScript 文件中 GraphQL 查询的使用。