WebStorm

JetBrains WebStorm是一款专注于网页开发的集成编程环境(IDE)，简称"WebStorm 2025"，深度融合JavaScript、TypeScript及React、Vue、Angular等主流框架，配备智能代码填充、语法高亮、代码导航与重构等能力。WebStorm核心特性包含AI驱动的智慧编程辅助、即时问题发现与安全重构，并新增对Claude 3.7 Sonnet模型的兼容，可以通过Amazon Bedrock云服务实现低延迟代码优化与逻辑解析，新增对Angular 17.2信号查询系统的兼容，提供精确类型推断与导航增强，同时优化响应式表单的代码生成与管理效能。WebStorm还加强了Monorepo项目兼容，支持子项目独立配置Prettier并优化索引性能，可以实现百万行代码库索引时长缩减至90秒内。

安装教程

1、本站下载WebStorm压缩文件，解压后运行"WebStorm-2025.1.exe"安装程序;

2、点击"下一步";

3、可自定义修改JetBrains WebStorm路径，继续点击"下一步";

4、根据需要勾选组件，点击"下一步";

5、点击"安装";

6、安装进行中，请耐心等待...

7、安装完成，点击"完成";

8、返回原目录，在激活工具下点击"jetbra目录";

9、点击"scripts目录";

10、双击运行"uninstall-all-users.vbs"程序(此步骤为防止先前存在激活信息，确保当前环境变量下无激活工具变量信息，可先执行卸载脚本再进行后续激活操作，避免激活失败);

11、点击"确定";

12、继续点击"确定";

13、双击运行"install-current-user.vbs"程序;

14、点击"确定";

15、点击"确定"(此时需等待约数十秒才会出现完成提示框);

16、复制激活码内容;

17、运行JetBrains WebStorm并点击"激活许可证";

18、选择激活码方式，粘贴复制的激活码内容，点击"激活";

19、激活成功，有效期至2099-12-31;

20、启动JetBrains WebStorm 即可开始免费使用!

软件特性

一、WebStorm融入AI技术

1、新AI订阅方案

JetBrains AI完成重要升级，将AI Assistant与Junie合并至同一订阅下。此版本中，JetBrains IDE的AI功能现可免费使用，包含无限制代码填充、对本地模型的兼容，以及基于额度的云托管功能(含编码代理)访问。在新订阅体系下，可通过AI Pro和AI Ultimate层级轻松扩展。

2、对更多前沿LLM的兼容

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

3、AI生成单元测试的统一命名

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

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

4、针对Web框架的改进AI填充

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

5、离线模式：使用本地模型

AI Assistant让您可灵活在离线模式下使用本地模型，也可利用基于云的AI处理。现支持离线模式，让您可在无网络连接时工作，同时仍受益于AI赋能的编程辅助。通过Ollama或LM Studio将本地模型用于对话、代码生成、提交消息、内联文档等。

二、Angular兼容

1、对Angular 17.2信号查询的兼容

WebStorm现兼容Angular 17.2中引入的信号查询，为这种依赖项注入的现代反应式方式提供更好的代码洞察与导航。借助此更新，WebStorm可确保信号查询的准确类型推断，改进查询表达式中的代码填充，并增强信号及其引用间的导航。

2、增强的反应式表单兼容

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

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

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

4、提取或内联组件模板

WebStorm现简化Angular组件中内联和独立模板间的重构。只需一个快速操作，即可在内联模板与独立文件(templateUrl)间转换，简化工作流并改善代码组织。

三、用户体验

1、Next.js的自动运行配置

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

2、浮动显示上下文操作工具栏

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

3、在项目工具窗口中创建新文件

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

四、框架与技术

1、改进的Vue和Nuxt兼容

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

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

五、单仓库兼容

1、按子项目Prettier配置兼容

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

2、针对单仓库中自动导入的更好路径别名兼容

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

3、大型Nx单仓库中改进的代码填充与导航

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

六、GraphQL与Prisma

1、增强的Prisma兼容

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

2、标记模板中的改进GraphQL兼容

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

新增功能

1、智慧代码编辑器

WebStorm非常了解您的项目结构，可在编程的各个方面提供协助。它将自动填充代码，检测错误与冗余并提出修正建议，帮助您安全地重构代码。

2、AI助手

利用代码生成与上下文感知智能对话等内置AI功能加快工作速度。让IDE帮助您重构代码、生成提交消息，以及为您编写文档。

3、快速导航与搜索

无论项目多大都可更快浏览代码。跳转到任意函数、方法、变量、组件或类的定义，并轻松找到其用法。查找文件、类或符号，并在一个地方检查所有匹配项。

4、协作式远程开发

共同实时编程并直接在IDE中与他人交流。处理位于远程开发环境中的项目-远程开发环境可托管在您自己的计算机上或云解决方案中，例如Google Cloud Workstations或GitHub Codespaces。

5、集成开发者工具

在一个地方获取所有关键工具。调试与测试客户端与Node.js应用，并使用Git与GitHub。此外，软件包管理器、构建工具、linter、Prettier，当然还有终端，都可在IDE中使用。

6、自定义

使用不同主题、字体与按键映射打造您自己的WebStorm。您还可使用我们市场中的数百个插件添加额外功能。

用户可轻松进行JavaScript开发，IDE会在您输入时运行数十个代码检查并检测潜在问题，助您编写更可靠与更易于维护的代码。只需点击几次即可重构整个代码库(sysin)，且在实现较大的结构变更时不会遗漏任何内容。