WebStorm

适用于您和您智能体的 JavaScript 和 TypeScript IDE

为智能体提供提示以生成代码,或自己编写 — 无论采用哪种方式,WebStorm 都能确保您的代码质量稳定可靠。

从设计到生产,覆盖整个工作流

提交设计规范或任务

可以通过打字或语音输入描述任务,也可以直接选择代码并发送给智能体。处理 UI 任务时,只需向智能体提供设计源文件,它就会实现相应的组件。

选择智能体及其运行方式

从内置目录中选择智能体,或继续使用计算机上已安装的智能体。然后,选择项目、订阅,并选择让智能体在 GUI 中运行还是在内置终端中运行。

同时管理多项任务

命令一个智能体将组件迁移到 TypeScript,同时让另一个智能体修正失败的测试,既可以在同一项目中进行,也可以跨多个项目开展。Agent Sessions(智能体会话)窗口会显示正在运行的任务、已完成的任务,以及等待您处理的任务。

在编辑器中审查,在浏览器中验证

差异视图会直接在会话中打开,这样您可以对某一行添加注释,并将其作为下一条指令发送给智能体。如果有 UI 更改,智能体会打开您的浏览器会话、检查控制台日志和网络请求、截取屏幕截图,并重新运行整个流程。您可以在合并前确认修正。

随时接手,放心交付

在同一窗口中使用完整的 JavaScript 工具包进行导航、重构、测试和调试。查看提交历史记录,确认代码可靠后进行合并。

借助 jetbrains air,直接在 WebStorm 中运行智能体并验证其工作

您的智能体,您的模型,您的订阅

连接您使用的智能体,通过自有 API 密钥、您已付费购买的订阅或 JetBrains AI 来运行这些智能体。即使会话正在进行,也可以随时切换订阅。

为您和您的智能体提供确定性工具

WebStorm resolves every usage, dependency, and type across your JavaScript and TypeScript codebase. Through built-in skills, agents pull that code intelligence on demand to find the right code, refactor safely, migrate patterns across the project, and investigate issues with runtime data instead of plain-text search.

不确定 WebStorm 是否适合您?

WebStorm 专为 JavaScript、TypeScript、HTML、CSS、React、Angular、Vue、Node.js 和 SQL 打造。使用其他技术栈?

深受全球顶尖公司超 650,000 名开发者‌的信赖

@Vladjjj

“首先我得说明,我是 WebStorm 中 JetBrains AI 的忠实满意用户,从一开始就付费订阅了 AI Ultimate。使用过 Junie 后,我转向了集成的 AI Assistant,起初搭配 Claude 使用,后来更多地使用 Codex 处理前端相关工作。一切运行顺畅,与项目的集成也很可靠,无论是分析还是修改代码都表现稳定。\[…] 我尤其喜欢它能够灵活切换模型的特性,不必局限于一家提供商。”

@Ingvar

“还有代码重构。可能我说的不对,但我总觉得只是为符号重命名就要消耗大量 token,还要花很长时间。最近几次,我干脆切换到 WebStorm,只想快速完成重命名和移动操作。对于这类常见开发任务,智能体本应该提供更好的工具,能准确搜索代码库并理解 AST,而不只是靠简单的文本匹配来查找内容。”

@Lancelot_of_camelot

“本周我终于试用了 WebStorm(手头正好有闲置的 JetBrains 许可证),它真的流畅多了!设置 ESLint 大概用了一个小时,但现在一切都运行顺畅,自动补全功能也很智能,甚至不需要 Copilot。将光标悬停在任意符号上,就能立刻看到定义。有趣的是,WebStorm 占用的资源比 VS Code 多,但相比之下多消耗的这些资源完全值得。总的来说,我觉得这周用 WebStorm 的开发效率,比前几个月使用 VS Code 时高太多了。”

@AbhithRajan

“WebStorm 中的 Figma Connect 彻底改变了我的工作方式!测试版运行顺畅,在处理复杂画面和组件时节省了大量时间。即便是没有用它完成的工作,它也可以根据审查反馈进行修改。衷心感谢!”

@András Tóth

“这个插件是 WebStorm 最实用的功能之一。现在它免费提供了,我非常高兴。对我而言,最出色的体验是搭配 Slonik 使用时,它能对 TypeScript/JavaScript 文件中的原始 SQL 查询进行语法和语义检查(例如,确认引用的表/列是否确实存在)。”

企业级安全和治理

关于商业用途

SOC 2 Type II

经证实

GDPR

合规

立即试用 WebStorm

下载

30天免费试用

常见问题及解答

智能体专注于眼前的任务,WebStorm 则帮助您掌控全局,清晰说明一处更改如何适配代码库的其余部分、会影响哪些内容,以及该更改是否能正常运行。调试、测试和安全重构都是一键操作,因此您可以验证并交付智能体的成果。

是的。编辑、导航、重构、测试和调试始终是 WebStorm 的核心组成部分。您可以在需要时使用智能体,也可以自己编写代码,或在两种方式之间切换,但这一切都在同一个 IDE 中完成。详细了解我们的愿景。

是的。您可以使用 JetBrains AI 包含的智能体,连接兼容 ACP 的智能体,使用自己的提供商和 API 密钥,或配置受支持的本地模型。

WebStorm 为您的智能体提供确定性工具,支持在整个 JavaScript 和 TypeScript 代码库中进行智能搜索、深度分析和可感知代码结构的更改,因此智能体能够准确找到相关代码,并利用 IDE 的代码语义模型(而不仅仅依赖文本匹配)在整个项目中进行更改。最终效果是 token 消耗减少,出错概率降低。

是的。React、Angular、Vue、Next.js、TypeScript、Node.js 等均已内置,并已预先完成配置,无需寻找扩展程序,也没有配置开销。

WebStorm 对非商业用途免费。对于商业用途,提供 30 天免费试用。

是的,WebStorm 内置 DataGrip 的整套数据库工具,无需额外安装。您可以查询任何数据库、导入数据,以及管理表和版本。详细了解 WebStorm 的数据库支持。