WebStorm 2023.3 來了,更好用,更智能!
更新亮點
改進的 Angular 支持
在這個版本中,對于 Angular 模板,改進了嚴格模板類型檢查的支持。同時,還增加了對于 v17 中新的控制流語法的初步支持,以及對于實時模板中的 signal、computed和 effect 等特性的支持。此外,通過快捷鍵?Enter,還提供了一些新的快速修復功能。例如,可以從組件模板中創(chuàng)建 @Input 和 @Output 屬性。
對 Svelte 插件的更新
在這個版本中添加了對 TypeScript 插件的內(nèi)置支持,為 Svelte 項目中的TypeScript文件提供了一致的高亮顯示和快速文檔功能。還改進了自動導入組件的穩(wěn)定性,使其可以在代碼補全、復制粘貼和按下?Enter時正常運行。此外,還改進了對cnotallow="module"腳本導出的支持,并擴展了對零努力類型安全的支持,覆蓋了Svelte文件和TypeScript文件。
針對 Vue 3 的改進
在這個版本中添加了對 defineSlots 的支持,為 slot 名稱和屬性提供補全和導航功能,以及重命名重構(gòu)。現(xiàn)在,補全功能也適用于帶有defineExpose的屬性。此外,根據(jù)defineOptions函數(shù)指定的名稱,組件的必需導入將被添加。
AI Assistan 全面推出
JetBrains AI Assistant 現(xiàn)已全面推出,為 JetBrains IDE 帶來眾多新功能和改進,大幅提升工作效率。此次更新包括:
- 增強的編輯器直接代碼生成功能,無需復制代碼即可快速生成所需代碼段。
- 全新的上下文感知AI聊天功能,無需離開IDE即可回答項目相關(guān)問題,為項目查詢提供更便捷的解決方案。
- 項目感知AI操作,通過擴展上下文提供更全面的結(jié)果,使開發(fā)者能夠更準確地了解項目狀態(tài)并快速解決問題。
通過訂閱 JetBrains AI Service,可以在WebStorm中以補充功能的形式使用AI Assistant,進一步提升您的編程體驗。
Cypress 和 Playwright 支持
WebStorm 現(xiàn)在支持自動檢測 Cypress 和 Playwright 測試,并允許一鍵運行和調(diào)試這些測試。此外,支持還包括通過瀏覽測試樹來探索結(jié)果和發(fā)現(xiàn)問題的功能。通過安裝 Test Automation 插件,可以獲取嵌入式瀏覽器和高級代碼洞察功能,進一步擴展測試的支持。
對 Node.js 測試運行程序的初步支持
在這個版本中,WebStorm 還添加了對原生 Node.js 測試運行程序的支持。現(xiàn)在可以識別使用node:test API聲明的測試,并可以通過裝訂區(qū)域圖標來運行和調(diào)試它們,計劃在下一個版本中實現(xiàn)更多改進以擴展對 Node.js 測試的支持。
JavaScript、TypeScript 和 CSS
針對 TypeScript 的改進
該版本已解決了添加import type語句時出現(xiàn)的不一致性問題。此外,還新增了選項,用于配置在導入類型時使用TypeScript import type語句或類型說明符的方式。針對TypeScript文件,還改進了package.json的exports字段的行為。
HTML 到 JSX 單標簽閉合
現(xiàn)在,將 HTML 代碼粘貼到 JSX 文件中時,它不僅會轉(zhuǎn)換特性,還會自動閉合單標簽。可以在 _Settings | Editor | General | Smart Keys | JavaScript_(設(shè)置 | 編輯器 | 常規(guī) | 智能按鍵 | JavaScript)下配置此選項。
CSS 自定義 @property 支持
WebStorm 2023.3 支持屬性的檢查和補全。
對 .jsonc 格式的支持
該版本提供了對 .jsonc 格式的支持,允許使用 // 和 /* */ 在文檔中使用單行和多行注釋。
改進的 Yarn PnP 工作區(qū)支持
使用 workspace: 協(xié)議引用的模塊現(xiàn)在可以在 Yarn PnP 工作區(qū)中解析。同時,import 語句中的導航現(xiàn)在也可以正常運作。
集成式開發(fā)者工具
全功能差異查看器
WebStorm 2023.3 引入了一種改進的變更審查方式。現(xiàn)在,可以在單個可滾動框架中查看來自更改集的所有已修改文件,而無需逐一查看每個文件。新的差異查看器與GitLab和GitHub兼容,能夠更方便地查看和比較代碼差異。
對 GitLab 代碼段的支持
為了擴展 WebStorm 2023.2 發(fā)布版本中引入的 GitLab 集成,該版本添加了對 GitLab 代碼段的支持。現(xiàn)在可以直接在 IDE 中創(chuàng)建公共或私有代碼段。
Run to Cursor(運行到光標)嵌入調(diào)試選項
新的 Run to Cursor(運行到光標)嵌入選項允許在調(diào)試時快速執(zhí)行到特定代碼行。程序掛起后,可以將鼠標懸停在要執(zhí)行到的代碼行上,然后點擊 Run to Cursor(運行到光標)彈出窗口。還可以在將文本光標置于所需行上后調(diào)用 ?F9 來使用此功能。
HTTP 客戶端改進
該版本改進了 Structure(結(jié)構(gòu))視圖,在大型 _.http_ 文件中提供更好的導航。此更新還為請求類型引入了顏色編碼標簽,可以更清晰地列出內(nèi)容。還支持使用 @ 聲明變量以及使用 OAuth 2.0 密碼和客戶端憑據(jù)授予類型進行身份驗證。
用戶體驗
適用于 macOS 的新產(chǎn)品圖標
WebStorm 2023.3 引入了為 macOS 重新設(shè)計的產(chǎn)品圖標,使其與操作系統(tǒng)的標準樣式指南保持一致。
Default(默認)工具窗口布局選項
該版本向保存多個工具窗口布局的功能添加了 Default(默認)選項,可以快速地將工作區(qū)外觀快速還原為默認狀態(tài)。此布局可通過_主菜單 | Window | Layouts_(窗口 | 布局)訪問。
隱藏主工具欄的選項
該版本支持在使用 IDE 的默認查看模式時隱藏主工具欄的選項。要隱藏主工具欄,首先從主菜單選擇 View | Appearance(視圖 | 外觀),然后取消選中 Toolbar(工具欄)選項即可。
編輯器標簽頁的顏色編碼高亮顯示
該版本重新引入了默認顏色編碼高亮顯示,以反映編輯器標簽頁與 Project(項目)工具窗口中文件外觀的一致性,從而增強在編輯器中同時處理多種文件類型的導航體驗。
Speed Search(快速搜索)快捷鍵
Speed Search(快速搜索)功能允許在工具窗口和對話框中快速導航,現(xiàn)在可以通過快捷鍵使用。將焦點置于樹或列表上后,即可按 ?F 從工具窗口的 Options(選項)菜單調(diào)用搜索。