JetBrains WebStorm2024电脑版

WebStorm官方版是JetBrains公司旗下一款JavaScript开发工具，被誉为Web前端开发神器、最强大的HTML5编辑器。该软件的代码编辑器具备多种特性，包括代码自动补全、代码导航、代码重构、代码格式化、代码折叠、代码注释以及代码模板等，这些功能都能极大地提高开发者的编码效率。此外，还支持创建新的三大框架项目，并允许开发者选择合适的语言和项目管理工具。

作为一款集成开发环境，WebStorm官方版专注于为JavaScript和相关技术提供全面的支持。它会自动处理常规工作，使开发者能够更高效并专注于更具创造性的任务。同时，WebStorm还能随时检测程序中的错误并快速修复，这对于提升工作效率和保证代码质量都是非常有帮助的。

WebStorm2024.3.3新功能

一、关键亮点

1、改进的框架组件导航和重命名

我们增强了针对 Vue、Svelte 和 Astro 组件的编辑器内提示。 Show component usages（显示组件用法）操作现在可以在 import 和标记模板中查找用法。 我们还添加了 Show Component Usages（显示组件用法）筛选器，以便在搜索常规文件引用时排除组件用法。 Rename（重命名）重构也已更新，现在可以在重命名组件文件时包含用法。

2、对数据库工具和 SQL 的内置支持

数据库工具和完整的 SQL 支持（先前通过付费插件提供）现在已与 WebStorm 捆绑，无需额外付费。 您可以直接在 IDE 中查询、创建和管理数据库。 这扩展了 WebStorm 的后端和全栈开发能力。 它还简化了 JetBrains IDE 之间的切换，因为大多数 IDE 都包含此功能。

3、通过 AI Assistant 实现更出色的代码补全（付费）

我们已努力解决有关 AI Assistant 质量的主要问题。 此版本改进了 JavaScript 和 TypeScript 的代码补全，并增加了对 HTML 和 CSS 的支持。 通过将本地的整行建议与来自 JetBrains 内部 LLM 的基于云的建议相结合，我们提高了速度和准确性，同时减少了无关建议。

二、框架和技术

1、Tailwind CSS 类的颜色预览

现在，编辑器中会以内联方式显示 Tailwind CSS 类的颜色预览，这样可以更轻松地区分颜色。 我们添加了对语言服务器协议 (LSP) 的 textDocument/documentColor 方法的支持，因此所有基于 LSP 的插件现在都直接提供此功能。

2、针对 Angular 的改进

对于采用 Angular 19 的项目，WebStorm 现在对组件、指令和管道默认为独立模式。 新增了一些快速修复来帮助在独立和非独立组件之间转换。 未使用的独立 import 可以在代码重新格式重新设置期间或通过新检查自动移除。 @let 语法支持也得到改进。

3、子文件夹中 .prettierignore 的正确处理

WebStorm 现在可以正确处理包含 package.json 的子文件夹中的 .prettierignore 文件，确保不会设置忽略的文件的格式。 一个新选项允许您在 Settings | Languages & Frameworks | JavaScript | Prettier（设置 | 语言和框架 | JavaScript | Prettier）中指定自定义忽略文件。

4、捆绑的 Vue 语言服务器

Vue 语言服务器现在与 WebStorm 捆绑，旨在增强可靠性并防止在 WSL 上出现加载问题。 未来，我们计划对 Svelte、Astro 和其他技术也做出同样的改动。

5、针对 Svelte 的改进

我们增加了对