WebStorm 2024.3 发布!| 增强了组件导航和重命名 | 内置数据库更好地服务全栈开发 | 对 Vue 等框架的支持

1,026 阅读2分钟

最近,JetBrains 正式发布了 WebStorm 2024.3 版本。新版本在多个方面进行了优化和改进,能够极大提升开发者的开发效率和编程体验。下面就让我们一同来看看都有哪些升级吧!

改进的组件导航和重命名

Show component usages(显示组件使用实例)现在支持查找在 imports 和 template 中的使用实例了。并且在重命名功能中也增加了一个选项,支持在重命名时查找使用实例,以便统一进行重命名。

Component-usages-624-min_1731566525904_0_compressed.gif

内置对数据库和 SQL 的支持

新版本的 WebStorm 中也可以直接在 IDE 中查询、创建和管理数据库了。这大大扩展了使用 WebStorm 进行后端和全栈开发的能力。

Database-plugin-624-min_1731565673442_0_compressed.gif

框架和技术类的提升

Tailwind CSS 类的颜色预览现在直接内联显示在编辑器中。

image.png

WebStorm 现在对 Angular 的组件、指令和管道默认为独立模式

Angular-optimize-810-min_1732196181678_0.gif

Vue 语言服务器现在与 WebStorm 捆绑,旨在增强可靠性防止在 WSL 上出现加载问题

image.png

针对 Svelte 增加了对 <script module> 特性的支持

image.png

用户体验类的提升

新版本的 WebStorm 在使用“在文件中查找时”,默认排除 node_modules 的结果,从而减少不相关文件的干扰。

image.png

优化了 Rename 操作在上下文菜单中的位置。该操作现在位于顶层,可以更轻松地快速重命名文件、变量和其他元素。

image.png

WebStorm 现在会自动从索引中排除 dist 文件夹中不必要的文件,以优化 CPU 使用率缩短索引时间

image.png

总的来说,这次新版本升级的功能涵盖了增强的组件导航和重命名、内置数据库、以及对 Vue、Angular、Tailwind CSS 等框架的支持这几个方面。

以上就是本期的全部内容。如果你觉得本文介绍的内容对你有所帮助,欢迎点赞、收藏、分享!我是四阿哥,关注我持续为你带来更多关于编程开发的最新资讯和实用技巧!