https://www.jetbrains.com.cn/webstorm/whatsnew/?

WebStorm 2022.3 最新變化

新 UI 預(yù)覽、Vitest 支持、適用于 Vite 和 Next.js 的項(xiàng)目模板、針對(duì) JavaScript 和 TypeScript 的 Code Vision、適用于 Angular 模板的類型縮小支持以及 Vue 更新。

框架和技術(shù)

更新了項(xiàng)目模板

我們重做了 WebStorm?歡迎屏幕中的?New Project（新建項(xiàng)目）向?qū)А?在 v2022.2 中，我們移除了適用于 AngularJS、Cordova 和 Meteor 的項(xiàng)目模板。 在此版本中，我們添加了適用于 Vite 和 Next.js 的新項(xiàng)目模板，并更新了 Vue 模板，使其符合最新標(biāo)準(zhǔn)。

Vitest 支持

WebStorm 現(xiàn)在支持?Vitest，這是一個(gè) Vite 原生單元測(cè)試框架！ 您可以用所有您能想到的主要方式運(yùn)行、重新運(yùn)行和調(diào)試測(cè)試，包括通過(guò)間距圖標(biāo)。 此外，監(jiān)視模式在所有測(cè)試場(chǎng)景下默認(rèn)均已啟用。 在監(jiān)視模式下還支持快照測(cè)試和覆蓋率，從而在編碼時(shí)為您提供幾乎即時(shí)的覆蓋率反饋。

Vue 更新

WebStorm 現(xiàn)在可以處理未解析的導(dǎo)入，并為導(dǎo)入 Vue 組件提供建議。 我們也已支持?props 析構(gòu)語(yǔ)法，改進(jìn)了針對(duì)?Vue 庫(kù)組件 props?的代碼補(bǔ)全和類型檢查行為，并修正了幾個(gè) Nuxt 3 問(wèn)題。

Vue 的新代碼段

此版本中，還有一項(xiàng)針對(duì) Vue 的改進(jìn)值得仔細(xì)研究 – 新代碼段，也就是 WebStorm 中的實(shí)時(shí)模板。 您可以使用它們更快添加常見(jiàn)構(gòu)造，例如?script setup?或?export default。 轉(zhuǎn)到?Preferences / Settings | Editor | Live Templates（偏好設(shè)置/設(shè)置 | 編輯器 | 實(shí)時(shí)模板），展開(kāi)?Vue?部分即可瀏覽可用代碼段。

于 Svelte 支持的更新

對(duì) Svelte 支持（作為單獨(dú)插件提供）的改進(jìn)現(xiàn)在將隨新 IDE 構(gòu)建一起推出，就像 Angular 和 Vue 一樣。 這將幫助我們避免不兼容版本范圍的問(wèn)題并更快獲得反饋。

對(duì)新 CSS 功能的支持

WebStorm 2022.3 支持新的 CSS 功能，例如?@supports?at-rule，它將語(yǔ)句塊與?@supports?條件相關(guān)聯(lián)。 視口單元、范圍媒體查詢、容器查詢、級(jí)聯(lián)層和顏色修改函數(shù)現(xiàn)在也已獲得支持。

針對(duì) JavaScript 和 TypeScript 的 Code Vision

來(lái)自 Rider 和 IntelliJ IDEA 的 Code Vision 功能現(xiàn)已加入 WebStorm！ Code Vision 可以收集類型和類型成員的各種指標(biāo)，并在聲明附近顯示此信息。 這將使代碼中各種類、方法、類型別名和接口的用法更易跟蹤。 轉(zhuǎn)到?Preferences / Settings | Editor | Inlay Hints（偏好設(shè)置/設(shè)置 | 編輯器 | 內(nèi)嵌提示）配置 Code Vision。

通過(guò)設(shè)置使用新 UI?測(cè)試版

今年早些時(shí)候，我們宣布了 JetBrains IDE 中新 UI 的封閉預(yù)覽計(jì)劃。 對(duì)于這第一步，我們的目標(biāo)是向有限數(shù)量的用戶提供重做的 IDE 外觀。 我們邀請(qǐng)您在?Preferences / Settings | Appearance & Behavior / New UI（偏好設(shè)置/設(shè)置 | 外觀與行為/新 UI）中切換到新 UI?并告訴我們您的想法。 要詳細(xì)了解更改，請(qǐng)觀看此在線講座錄像。

將工具窗口?？康礁?dòng)編輯器選項(xiàng)卡的選項(xiàng)

為了讓您可以更輕松地安排工作空間并在多個(gè)顯示器上與 WebStorm 交互，我們實(shí)現(xiàn)了將工具窗口拖出主窗口并將其停靠到浮動(dòng)編輯器選項(xiàng)卡的選項(xiàng)。

適用于 Windows 和 Linux ARM64 的安裝程序?測(cè)試版

現(xiàn)在，可以在帶有 ARM64 處理器的 Windows 和 Linux 機(jī)器上運(yùn)行 WebStorm。 IDE 安裝程序處于測(cè)試版階段，網(wǎng)站和 JetBrains?Toolbox App?均提供 Windows 版，但 Linux 版僅可從網(wǎng)站獲得。

針對(duì)書(shū)簽的 UI 改進(jìn)

我們?yōu)?Bookmarks（書(shū)簽）功能實(shí)現(xiàn)了多項(xiàng) UI 改進(jìn)。 例如，右鍵點(diǎn)擊選項(xiàng)卡并從上下文菜單中選擇?Bookmarks（書(shū)簽）即可從編輯器選項(xiàng)卡為文件添加書(shū)簽。 閱讀這篇博文了解詳情。

處理 WSL2 中的項(xiàng)目的新方式

WebStorm 2022.3 帶來(lái)了處理在 WSL2 文件系統(tǒng)中運(yùn)行的項(xiàng)目的替代方式。 您可以直接在 WSL2 中啟動(dòng) IDE 后端，而不是在 Windows 上運(yùn)行完整的 IDE。 然后，您可以像在 WebStorm 中使用遠(yuǎn)程開(kāi)發(fā)時(shí)連接到遠(yuǎn)程機(jī)器一樣連接到它。