最新消息

[更新]WebStorm 2023.3

2024/03/15

WebStorm 2023.3 中的新功能

WebStorm 2023.3 帶來了全面的升級,特別針對 Angular、Svelte 和 Vue 提供更強大的支援。不僅如此,新版本搭配的 JetBrains AI 助手已經正式上線,這是一個強大的功能,可在 JetBrains IDE 中提升效率,帶來了增強的代碼生成、上下文識別的 AI 聊天以回答項目相關查詢,以及利用擴展上下文提供更全面結果的項目識別 AI 操作。

WebStorm 2023.3 影片介紹
改進的 Angular 支援

WebStorm 2023.3 改進了 Angular 模板中對嚴格模板類型檢查的支援,並且增加了對 v17 中對控制流程語法的初步支援和訊號支援,包括 signalcomputed等即時模板effect。另外,還提供了新的快速修復Alt+Enter,例如您可以從元件範本建立屬性@Input@Output


Svelte 插件更新
WebStorm 2023.3 新增對 TypeScript 插件的內建支援,以便為 Svelte 專案中的 TypeScript 檔案提供一致的突出顯示和快速文件。WebStorm 2023.3 實現了一種更穩定的自動導入元件的方法,該方法可以在完成、複製貼上以及使用Alt+Enter.。此外,還改進對context="module"腳本匯出的支援,並擴展了對零努力類型安全(zero-effort type safety)的支援,以覆蓋除 Svelte 檔案之外的 TypeScript 檔案。

 

Vue 3 的改進

WebStorm 2023.3 增加defineSlots支援,slot名稱和道具(props)提供補全和導航以及重命名重構。補全現在也適用於有 defineExpose.。此外,將根據defineOptions函數指定的名稱新增所需的元件導入。


TypeScript 的改進
WebStorm 2023.3 解決了新增語句時遇到的一些不一致問題import type。新增了用於在導入類型時配置 TypeScript 導入類型語句或類型說明符號的使用選項。以及改進 TypeScript 檔案的 package.jsonexports欄位的行為 。


關閉 HTML 到 JSX 單一標籤
現在,當您將 HTML 程式碼貼到 JSX 檔案中時,它不僅會轉換屬性,還會自動為您關閉單一標籤 。您可以在設定 | 編輯 | 一般 | 智慧鑰匙 | JavaScript 項下進行設定。


多合一差異檢視器(diff viewer)
WebStorm 2023.3 引入了一種改進的方式來審查變更。現在,您無需逐一瀏覽每個文件,而是可以在單一可捲動框架中查看變更集中的所有已修改文件。這個新的差異檢視器與 GitLab 和 GitHub 相容。


支援 GitLab 片段(GitLab snippets)
WebStorm 2023.3 添加了對 GitLab snippets的支援,現在您可以直接在 IDE 中建立公用或私有程式碼片段。


運行到遊標嵌入選項(Run to Cursor inlay)

新的運行到遊標嵌入選項,可讓您在偵錯時快速執行特定的程式碼行。程式暫停後,將滑鼠停在要執行的程式碼行上,然後按一下「執行到遊標」彈出視窗。您也可以透過 Alt+F9 在將插入符號放在所需的行上後 。



(以上資料來源皆自 JetBrains 原廠網頁


更多內容:https://www.jetbrains.com/webstorm/whatsnew/
部落格文章(作者 David Watson):https://blog.jetbrains.com/webstorm/2023/12/webstorm-2023-3/#improved_angular_support

購買/續約通路:https://www.ahasoft.com.tw/page/product/show.aspx?num=1224&kind=97
立即試作:https://www.jetbrains.com/webstorm/download/#section=windows

溫馨提醒:若您有使用 jetbrains 產品,也可以下載原廠的工具箱 App,以更快速接收到相關產品的更新訊息。