WebStorm是jetbrains公司旗下一款JavaScript 開發(fā)工具。被廣大中國JS開發(fā)者譽為"Web前端開發(fā)神器""最強大的HTML5編輯器""最智能的JavaSscript IDE"等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

JavaScript、TypeScript 和 CSS

針對 JavaScript 和 TypeScript 改進(jìn)了錯誤格式設(shè)置

我們在 WebStorm 2023.2 中關(guān)注如何改進(jìn)呈現(xiàn) JavaScript 和 TypeScript 中類型錯誤的方式。 現(xiàn)在，您的錯誤和警告將可讀性更高的方式格式化，使代碼中的問題更易發(fā)現(xiàn)，這適用于所有 TypeScript 和一些最常見的 JavaScript 錯誤。 另外，它還可以處理本地化后的錯誤！

快速修復(fù)和實時模板自動導(dǎo)入

應(yīng)用意圖或快速修復(fù)導(dǎo)致文件中沒有導(dǎo)出未解析的元素時，WebStorm現(xiàn)在能夠自動為該元素的文件添加明確導(dǎo)入。 設(shè)置中的每個實時模板下都有一個選項（Settings | Editor | Live Templates（設(shè)置 | 編輯器 | 實時模板），可以自動為使用時未解析的元素添加明確導(dǎo)入。

CSS 嵌套支持

WebStorm 2023.2 現(xiàn)在支持 CSS 嵌套模塊功能。 我們實現(xiàn)了語法支持和檢查，用于確保嵌套選擇器不用標(biāo)識符或函數(shù)符號開頭。

將顏色轉(zhuǎn)換為 lch 和 oklch

我們擴(kuò)展了對 CSS 顏色修改的支持，包括 lch 和 oklch 的轉(zhuǎn)換。 WebStorm 2023.2 包含多項顏色轉(zhuǎn)換操作，您可以通過 Alt+Enter 在 rgb、hsl、lch、oklch 和其他顏色函數(shù)之間快速切換。

Vue 語言服務(wù)器支持

 Vue 語言服務(wù)器 (Volar) 支持現(xiàn)已登陸 WebStorm，在快速導(dǎo)航和文檔彈出窗口中提供更準(zhǔn)確的錯誤檢測和更好的類型信息。 VLS 默認(rèn)將用于 TypeScript v5.0 及更高版本，TypeScript 服務(wù)的包裝器將用于更低版本的 TypeScript。 在 Settings | Languages & Frameworks | TypeScript | Vue（設(shè)置 | 語言和框架 | TypeScript | Vue）下，您可以將 Vue 服務(wù)設(shè)置為在所有 TypeScript 版本上使用 VLS 集成。

Vue 增強功能

WebStorm 2023.2 還包含針對 Vue 支持的其他多項改進(jìn)。 首先，我們添加了對 defineModel 宏的支持，簡化了雙向綁定的工作。 該宏會自動注冊 prop，并返回可以直接變異的 ref。 我們還添加了對 provide/inject 機制的支持和 inject 字段的補全，以及解析注入屬性和更正類型信息的功能。

Next.js 中對 App Router 的更好支持

Next.js 13.1 現(xiàn)在包含用于新應(yīng)用目錄的 TypeScript Language Service 插件。 新插件會提出配置頁面和布局建議、提供服務(wù)器和客戶端組件提示，并附帶自定義文檔。 此文檔現(xiàn)在可以在WebStorm中查看，我們還修正了應(yīng)用目錄中誤報的未使用警告。

新 UI

新 UI：改進(jìn)了主工具欄自定義

可以通過下拉菜單擴(kuò)展了新 UI 的自定義選項來供快速向工具欄添加操作， 右鍵點擊任意微件，選擇 Add to Main Toolbar（添加到主工具欄），然后瀏覽可用選項。

新 UI：彩色項目標(biāo)題

WebStorm 2023.2 引入了彩色項目標(biāo)題，可以簡化多個打開的項目之間的導(dǎo)航。 現(xiàn)在，您可以為每個項目分配唯一的顏色和圖標(biāo)，使其在工作區(qū)中更易區(qū)分。

針對 HTTP 客戶端的新功能

WebStorm 可以直接在 HTTP 客戶端的請求結(jié)果中顯示PDF和HTML文件的預(yù)覽，還可以通過導(dǎo)入的模塊共享 HTTP 客戶端請求處理程序的通用 JavaScript 代碼。

Qodana 集成

WebStorm可以直接在 HTTP 客戶端的請求結(jié)果中顯示 PDF 和 HTML 文件的預(yù)覽，還可以通過導(dǎo)入的模塊共享 HTTP 客戶端請求處理程序的通用 JavaScript 代碼。

插件開發(fā)

針對插件開發(fā)者的 LSP 支持

我們?yōu)橄胍褂锰囟?LSP 服務(wù)器為JetBrains IDE中尚未原生支持的技術(shù)添加編碼輔助的插件開發(fā)者引入了 LSP API。

點擊咨詢“”獲取更多更新內(nèi)容！