WebStorm 是jetbrains公司旗下一款JavaScript 開發工具，被廣大中國JS開發者譽為"Web前端開發神器""強大的HTML5編輯器""智能的JavaSscript IDE"等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

立即獲取WebStorm v2024.3正式版

此版本解決了多個持續存在的問題并改進了先前引入的功能，主要改進包括增強的框架組件導航和重命名、內置數據庫工具和 SQL 支持，以及更出色的 AI 驅動代碼補全。

關鍵亮點

改進框架組件導航和重命名

新版本增強了針對 Vue、Svelte 和 Astro 組件的編輯器內提示。 Show component usages（顯示組件用法）操作現在可以在 import 和標記模板中查找用法。此外，該版本還添加了 Show Component Usages（顯示組件用法）篩選器，以便在搜索常規文件引用時排除組件用法。 Rename（重命名）重構也已更新，現在可以在重命名組件文件時包含用法。

對數據庫工具和 SQL 的內置支持

數據庫工具和完整的 SQL 支持（先前通過付費插件提供）現在已與 WebStorm 捆綁，無需額外付費。 您可以直接在 IDE 中查詢、創建和管理數據庫。 這擴展了 WebStorm 的后端和全棧開發能力，它還簡化了 JetBrains IDE 之間的切換，因為大多數 IDE 都包含此功能。

通過 AI Assistant 實現更出色的代碼補全

新版本解決有關 AI Assistant 質量的主要問題，還改進了 JavaScript 和 TypeScript 的代碼補全，并增加了對 HTML 和 CSS 的支持。通過將本地的整行建議與來自 JetBrains 內部 LLM 的基于云的建議相結合，提高了速度和準確性，同時減少了無關建議。

框架和技術

針對 Angular 的改進

對于采用 Angular 19 的項目，WebStorm 現在對組件、指令和管道默認為獨立模式。 新增了一些快速修復來幫助在獨立和非獨立組件之間轉換，未使用的獨立 import 可以在代碼重新格式重新設置期間或通過新檢查自動移除，@let 語法支持也得到改進。

用戶體驗

高亮顯示所選文本的匹配項

WebStorm 現在默認自動高亮顯示您在文件中選擇的文本的所有實例，這使得跟蹤所選文本在整個代碼中出現的位置更加簡單。 您可以在 Settings | Editor | General | Appearance（設置 | 編輯器 | 常規 | 外觀）中自定義功能。

集成式開發者工具

禁用后臺預提交檢查的選項

現在，您可以使用 Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done（設置 | 版本控制 | 提交 | 高級提交檢查 | 提交完成后運行高級檢查）下的新選項在提交過程中管理后臺檢查。 通過此設置，您可以決定是否在提交后運行測試和檢查。 如果您想等待這些檢查完成，禁用此選項即可。

更多產品更新內容，歡迎