WebStorm 2023.3 來了，更好用，更智能！

作者：CUGGZ 2023-12-12 10:11:41

近日，WebStorm 發(fā)布了 2023 年最后一個主要版本：2023.3。該版本包含了對 Angular、Svelte 和 Vue 的支持改進(jìn)，AI Assistant，針對 TypeScript 的更新，以及對 Cypress、Playwright 和 Node.js 原生測試運(yùn)行程序的支持。下面就來看看 WebStorm 2023.3 都有哪些更新！

更新亮點(diǎn)

改進(jìn)的 Angular 支持

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

對 Svelte 插件的更新

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

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

在這個版本中添加了對 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 帶來眾多新功能和改進(jìn)，大幅提升工作效率。此次更新包括：

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

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

Cypress 和 Playwright 支持

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

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

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

JavaScript、TypeScript 和 CSS

針對 TypeScript 的改進(jìn)

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

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

CSS 自定義 @property 支持

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

對 .jsonc 格式的支持

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

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

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

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

全功能差異查看器

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

對 GitLab 代碼段的支持

為了擴(kuò)展 WebStorm 2023.2 發(fā)布版本中引入的 GitLab 集成，該版本添加了對 GitLab 代碼段的支持。現(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)試時快速執(zhí)行到特定代碼行。程序掛起后，可以將鼠標(biāo)懸停在要執(zhí)行到的代碼行上，然后點(diǎn)擊 Run to Cursor（運(yùn)行到光標(biāo)）彈出窗口。還可以在將文本光標(biāo)置于所需行上后調(diào)用 ?F9 來使用此功能。

HTTP 客戶端改進(jìn)

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