WebStorm 是jetbrains公司旗下一款JavaScript 開發工具,被廣大中國JS開發者譽爲"Web前端開發神器""強大的HTML5編輯器""智能的JavaSscript IDE"等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
具體更新詳情如下:
WebStorm v2024.1中新增了粘性行、快速文檔改進、全行代碼補全、默認啓用的 Vue Language Server、適用於 Vue、Svelte 和 Astro 的組件用法,以及新的 Language Services(語言服務)微件。
關鍵亮點
粘性行
WebStorm 2024.1 包含粘性行,幫助您在不丟失上下文的情況下瀏覽大文件。 滾動時,此功能會將函數或類聲明等關鍵結構元素固定到編輯器頂部,您可以在 Settings | Editor | General | Appearance(設置 | 編輯器 | 常規 | 外觀)中自定義功能。
快速文檔改進
WebStorm 2024.1 中的快速文檔彈出窗口具有改進的功能, 支持代碼塊的語法高亮顯示,並集成到補全結果中。 它現在顯示接口成員、枚舉常量和類型別名主體,您可以使用 Show more(展開)鏈接訪問類型成員的完整列表,並使用分頁控件在多個聲明之間導航。
全行代碼補全
新版本添加了一種新的代碼補全類型:灰色調的單行建議,它可以根據當前文件的上下文補全行。這些建議由針對不同語言和框架訓練的專屬語言模型驅動,這些 LLM 在本地運行,不會通過互聯網發送任何代碼。
默認啓用的 Vue Language Server
現在所有 Vue 項目(包括基於 Nuxt 的項目)均默認啓用 Vue Language Server。 它在 Vue 2 項目中存在一些已知限制。 如果您處理 Vue 2 項目 ,可以在 Settings | Languages & Frameworks | TypeScript | Vue(設置 | 語言和框架 | TypeScript | Vue)中選擇不使用服務器。
適用於Vue、Svelte 和 Astro的組件用法
WebStorm 現在爲 Vue、Svelte 和 Astro 文件中的組件用法提供編輯器內提示,這將幫助您快速找到項目中任意位置特定組件的所有用法。
Language Services(語言服務)微件
您將在狀態欄上找到新的 Language Services(語言服務)微件,它可以提供對當前文件和項目的有效語言服務的洞察,您可以直接從此微件重新啓動服務或導航至其設置。