WebStorm 2024.3 最新变化

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

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

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

有关详情，请参阅这篇博文。

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

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

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

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

我们增加了对 <script module> 特性的支持，确保这些块中的符号得到正确解析。此外，还有一个新的复选框可以禁用 SvelteKit a11y 警告，让您更好地控制无障碍功能警告。

我们优化了 Rename（重命名）操作在编辑器和 Project（项目）工具窗口中的元素上调用时在上下文菜单中的位置。此操作现在位于顶层，使快速重命名文件、变量和其他元素更加简单。

现在，在项目目录中使用 Find in Files（在文件中查找）时，WebStorm 会默认排除 node_modules 结果，减少无关文件造成的混乱。您可以通过启用 Settings | Advanced Settings（设置 | 高级设置）下的 Search in library files when “Directory” is selected in Find in Files（在“在文件中查找”中选择“目录”时，在库文件中搜索）选项来恢复先前的行为。

WebStorm 现在默认自动高亮显示您在文件中选择的文本的所有实例。这使得跟踪所选文本在整个代码中出现的位置更加简单。您可以在 Settings | Editor | General | Appearance（设置 | 编辑器 | 常规 | 外观）中自定义功能。

此前，.idea 文件夹（WebStorm 存储内部配置设置的地方）默认隐藏。这使一些用户更难提交项目级配置。为了解决这个问题，我们在 Project（项目）工具窗口中将其设为可见。

WebStorm 现在会自动将 dist 文件夹中的多余文件排除在索引之外，优化 CPU 使用率并缩短索引编制时间。

现在，您可以使用 Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done（设置 | 版本控制 | 提交 | 高级提交检查 | 提交完成后运行高级检查）下的新选项在提交过程中管理后台检查。通过此设置，您可以决定是否在提交后运行测试和检查。如果您想等待这些检查完成，禁用此选项即可。