更新亮點

改進的 Angular 支持

在這個版本中，對于 Angular 模板，改進了嚴格模板類型檢查的支持。同時，還增加了對于 v17 中新的控制流語法的初步支持，以及對于實時模板中的 signal、computed和 effect 等特性的支持。此外，通過快捷鍵?Enter，還提供了一些新的快速修復功能。例如，可以從組件模板中創建 @Input 和 @Output 屬性。

對 Svelte 插件的更新

在這個版本中添加了對 TypeScript 插件的內置支持，為 Svelte 項目中的TypeScript文件提供了一致的高亮顯示和快速文檔功能。還改進了自動導入組件的穩定性，使其可以在代碼補全、復制粘貼和按下?Enter時正常運行。此外，還改進了對cnotallow="module"腳本導出的支持，并擴展了對零努力類型安全的支持，覆蓋了Svelte文件和TypeScript文件。

針對 Vue 3 的改進

在這個版本中添加了對 defineSlots 的支持，為 slot 名稱和屬性提供補全和導航功能，以及重命名重構。現在，補全功能也適用于帶有defineExpose的屬性。此外，根據defineOptions函數指定的名稱，組件的必需導入將被添加。

AI Assistan 全面推出

JetBrains AI Assistant 現已全面推出，為 JetBrains IDE 帶來眾多新功能和改進，大幅提升工作效率。此次更新包括：

• 增強的編輯器直接代碼生成功能，無需復制代碼即可快速生成所需代碼段。
• 全新的上下文感知AI聊天功能，無需離開IDE即可回答項目相關問題，為項目查詢提供更便捷的解決方案。
• 項目感知AI操作，通過擴展上下文提供更全面的結果，使開發者能夠更準確地了解項目狀態并快速解決問題。

通過訂閱 JetBrains AI Service，可以在WebStorm中以補充功能的形式使用AI Assistant，進一步提升您的編程體驗。

Cypress 和 Playwright 支持

WebStorm 現在支持自動檢測 Cypress 和 Playwright 測試，并允許一鍵運行和調試這些測試。此外，支持還包括通過瀏覽測試樹來探索結果和發現問題的功能。通過安裝 Test Automation 插件，可以獲取嵌入式瀏覽器和高級代碼洞察功能，進一步擴展測試的支持。

對 Node.js 測試運行程序的初步支持

在這個版本中，WebStorm 還添加了對原生 Node.js 測試運行程序的支持。現在可以識別使用node:test API聲明的測試，并可以通過裝訂區域圖標來運行和調試它們，計劃在下一個版本中實現更多改進以擴展對 Node.js 測試的支持。

JavaScript、TypeScript 和 CSS

針對 TypeScript 的改進

該版本已解決了添加import type語句時出現的不一致性問題。此外，還新增了選項，用于配置在導入類型時使用TypeScript import type語句或類型說明符的方式。針對TypeScript文件，還改進了package.json的exports字段的行為。

HTML 到 JSX 單標簽閉合

現在，將 HTML 代碼粘貼到 JSX 文件中時，它不僅會轉換特性，還會自動閉合單標簽。可以在 _Settings | Editor | General | Smart Keys | JavaScript_（設置 | 編輯器 | 常規 | 智能按鍵 | JavaScript）下配置此選項。

CSS 自定義 @property 支持

WebStorm 2023.3 支持屬性的檢查和補全。

對 .jsonc 格式的支持

該版本提供了對 .jsonc 格式的支持，允許使用 // 和 /* */ 在文檔中使用單行和多行注釋。

改進的 Yarn PnP 工作區支持

使用 workspace: 協議引用的模塊現在可以在 Yarn PnP 工作區中解析。同時，import 語句中的導航現在也可以正常運作。

集成式開發者工具

全功能差異查看器

WebStorm 2023.3 引入了一種改進的變更審查方式。現在，可以在單個可滾動框架中查看來自更改集的所有已修改文件，而無需逐一查看每個文件。新的差異查看器與GitLab和GitHub兼容，能夠更方便地查看和比較代碼差異。

對 GitLab 代碼段的支持

為了擴展 WebStorm 2023.2 發布版本中引入的 GitLab 集成，該版本添加了對 GitLab 代碼段的支持。現在可以直接在 IDE 中創建公共或私有代碼段。

Run to Cursor（運行到光標）嵌入調試選項

新的 Run to Cursor（運行到光標）嵌入選項允許在調試時快速執行到特定代碼行。程序掛起后，可以將鼠標懸停在要執行到的代碼行上，然后點擊 Run to Cursor（運行到光標）彈出窗口。還可以在將文本光標置于所需行上后調用 ?F9 來使用此功能。

HTTP 客戶端改進

該版本改進了 Structure（結構）視圖，在大型 _.http_ 文件中提供更好的導航。此更新還為請求類型引入了顏色編碼標簽，可以更清晰地列出內容。還支持使用 @ 聲明變量以及使用 OAuth 2.0 密碼和客戶端憑據授予類型進行身份驗證。

用戶體驗

適用于 macOS 的新產品圖標

WebStorm 2023.3 引入了為 macOS 重新設計的產品圖標，使其與操作系統的標準樣式指南保持一致。

Default（默認）工具窗口布局選項

該版本向保存多個工具窗口布局的功能添加了 Default（默認）選項，可以快速地將工作區外觀快速還原為默認狀態。此布局可通過_主菜單 | Window | Layouts_（窗口 | 布局）訪問。

隱藏主工具欄的選項

該版本支持在使用 IDE 的默認查看模式時隱藏主工具欄的選項。要隱藏主工具欄，首先從主菜單選擇 View | Appearance（視圖 | 外觀），然后取消選中 Toolbar（工具欄）選項即可。

編輯器標簽頁的顏色編碼高亮顯示

該版本重新引入了默認顏色編碼高亮顯示，以反映編輯器標簽頁與 Project（項目）工具窗口中文件外觀的一致性，從而增強在編輯器中同時處理多種文件類型的導航體驗。

Speed Search（快速搜索）快捷鍵

Speed Search（快速搜索）功能允許在工具窗口和對話框中快速導航，現在可以通過快捷鍵使用。將焦點置于樹或列表上后，即可按 ?F 從工具窗口的 Options（選項）菜單調用搜索。