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（设置 | 版本控制 | 提交 | 高级提交检查 | 提交完成后运行高级检查）下的新选项在提交过程中管理后台检查。 通过此设置，您可以决定是否在提交后运行测试和检查。 如果您想等待这些检查完成，禁用此选项即可。