更新亮點(diǎn)

改進(jìn)的 Angular 支持

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

對(duì) Svelte 插件的更新

在這個(gè)版本中添加了對(duì) TypeScript 插件的內(nèi)置支持，為 Svelte 項(xiàng)目中的TypeScript文件提供了一致的高亮顯示和快速文檔功能。還改進(jìn)了自動(dòng)導(dǎo)入組件的穩(wěn)定性，使其可以在代碼補(bǔ)全、復(fù)制粘貼和按下?Enter時(shí)正常運(yùn)行。此外，還改進(jìn)了對(duì)cnotallow="module"腳本導(dǎo)出的支持，并擴(kuò)展了對(duì)零努力類型安全的支持，覆蓋了Svelte文件和TypeScript文件。

針對(duì) Vue 3 的改進(jìn)

在這個(gè)版本中添加了對(duì) defineSlots 的支持，為 slot 名稱和屬性提供補(bǔ)全和導(dǎo)航功能，以及重命名重構(gòu)。現(xiàn)在，補(bǔ)全功能也適用于帶有defineExpose的屬性。此外，根據(jù)defineOptions函數(shù)指定的名稱，組件的必需導(dǎo)入將被添加。

AI Assistan 全面推出

JetBrains AI Assistant 現(xiàn)已全面推出，為 JetBrains IDE 帶來(lái)眾多新功能和改進(jìn)，大幅提升工作效率。此次更新包括：

• 增強(qiáng)的編輯器直接代碼生成功能，無(wú)需復(fù)制代碼即可快速生成所需代碼段。
• 全新的上下文感知AI聊天功能，無(wú)需離開IDE即可回答項(xiàng)目相關(guān)問(wèn)題，為項(xiàng)目查詢提供更便捷的解決方案。
• 項(xiàng)目感知AI操作，通過(guò)擴(kuò)展上下文提供更全面的結(jié)果，使開發(fā)者能夠更準(zhǔn)確地了解項(xiàng)目狀態(tài)并快速解決問(wèn)題。

通過(guò)訂閱 JetBrains AI Service，可以在WebStorm中以補(bǔ)充功能的形式使用AI Assistant，進(jìn)一步提升您的編程體驗(yàn)。

Cypress 和 Playwright 支持

WebStorm 現(xiàn)在支持自動(dòng)檢測(cè) Cypress 和 Playwright 測(cè)試，并允許一鍵運(yùn)行和調(diào)試這些測(cè)試。此外，支持還包括通過(guò)瀏覽測(cè)試樹來(lái)探索結(jié)果和發(fā)現(xiàn)問(wèn)題的功能。通過(guò)安裝 Test Automation 插件，可以獲取嵌入式瀏覽器和高級(jí)代碼洞察功能，進(jìn)一步擴(kuò)展測(cè)試的支持。

對(duì) Node.js 測(cè)試運(yùn)行程序的初步支持

在這個(gè)版本中，WebStorm 還添加了對(duì)原生 Node.js 測(cè)試運(yùn)行程序的支持?，F(xiàn)在可以識(shí)別使用node:test API聲明的測(cè)試，并可以通過(guò)裝訂區(qū)域圖標(biāo)來(lái)運(yùn)行和調(diào)試它們，計(jì)劃在下一個(gè)版本中實(shí)現(xiàn)更多改進(jìn)以擴(kuò)展對(duì) Node.js 測(cè)試的支持。

JavaScript、TypeScript 和 CSS

針對(duì) TypeScript 的改進(jìn)

該版本已解決了添加import type語(yǔ)句時(shí)出現(xiàn)的不一致性問(wèn)題。此外，還新增了選項(xiàng)，用于配置在導(dǎo)入類型時(shí)使用TypeScript import type語(yǔ)句或類型說(shuō)明符的方式。針對(duì)TypeScript文件，還改進(jìn)了package.json的exports字段的行為。

HTML 到 JSX 單標(biāo)簽閉合

現(xiàn)在，將 HTML 代碼粘貼到 JSX 文件中時(shí)，它不僅會(huì)轉(zhuǎn)換特性，還會(huì)自動(dòng)閉合單標(biāo)簽。可以在 _Settings | Editor | General | Smart Keys | JavaScript_（設(shè)置 | 編輯器 | 常規(guī) | 智能按鍵 | JavaScript）下配置此選項(xiàng)。

CSS 自定義 @property 支持

WebStorm 2023.3 支持屬性的檢查和補(bǔ)全。

對(duì) .jsonc 格式的支持

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

改進(jìn)的 Yarn PnP 工作區(qū)支持

使用 workspace: 協(xié)議引用的模塊現(xiàn)在可以在 Yarn PnP 工作區(qū)中解析。同時(shí)，import 語(yǔ)句中的導(dǎo)航現(xiàn)在也可以正常運(yùn)作。

集成式開發(fā)者工具

全功能差異查看器

WebStorm 2023.3 引入了一種改進(jìn)的變更審查方式。現(xiàn)在，可以在單個(gè)可滾動(dòng)框架中查看來(lái)自更改集的所有已修改文件，而無(wú)需逐一查看每個(gè)文件。新的差異查看器與GitLab和GitHub兼容，能夠更方便地查看和比較代碼差異。

對(duì) GitLab 代碼段的支持

為了擴(kuò)展 WebStorm 2023.2 發(fā)布版本中引入的 GitLab 集成，該版本添加了對(duì) GitLab 代碼段的支持?，F(xiàn)在可以直接在 IDE 中創(chuàng)建公共或私有代碼段。

Run to Cursor（運(yùn)行到光標(biāo)）嵌入調(diào)試選項(xiàng)

新的 Run to Cursor（運(yùn)行到光標(biāo)）嵌入選項(xiàng)允許在調(diào)試時(shí)快速執(zhí)行到特定代碼行。程序掛起后，可以將鼠標(biāo)懸停在要執(zhí)行到的代碼行上，然后點(diǎn)擊 Run to Cursor（運(yùn)行到光標(biāo)）彈出窗口。還可以在將文本光標(biāo)置于所需行上后調(diào)用 ?F9 來(lái)使用此功能。

HTTP 客戶端改進(jìn)

該版本改進(jìn)了 Structure（結(jié)構(gòu)）視圖，在大型 _.http_ 文件中提供更好的導(dǎo)航。此更新還為請(qǐng)求類型引入了顏色編碼標(biāo)簽，可以更清晰地列出內(nèi)容。還支持使用 @ 聲明變量以及使用 OAuth 2.0 密碼和客戶端憑據(jù)授予類型進(jìn)行身份驗(yàn)證。

用戶體驗(yàn)

適用于 macOS 的新產(chǎn)品圖標(biāo)

WebStorm 2023.3 引入了為 macOS 重新設(shè)計(jì)的產(chǎn)品圖標(biāo)，使其與操作系統(tǒng)的標(biāo)準(zhǔn)樣式指南保持一致。

Default（默認(rèn)）工具窗口布局選項(xiàng)

該版本向保存多個(gè)工具窗口布局的功能添加了 Default（默認(rèn)）選項(xiàng)，可以快速地將工作區(qū)外觀快速還原為默認(rèn)狀態(tài)。此布局可通過(guò)_主菜單 | Window | Layouts_（窗口 | 布局）訪問(wèn)。

隱藏主工具欄的選項(xiàng)

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

編輯器標(biāo)簽頁(yè)的顏色編碼高亮顯示

該版本重新引入了默認(rèn)顏色編碼高亮顯示，以反映編輯器標(biāo)簽頁(yè)與 Project（項(xiàng)目）工具窗口中文件外觀的一致性，從而增強(qiáng)在編輯器中同時(shí)處理多種文件類型的導(dǎo)航體驗(yàn)。

Speed Search（快速搜索）快捷鍵

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