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

JavaScript、TypeScript 和 CSS

針對 JavaScript 和 TypeScript 改進了錯誤格式設置

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

快速修復和實時模板自動導入

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

CSS 嵌套支持

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

將顏色轉換為 lch 和 oklch

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

Vue 語言服務器支持

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

Vue 增強功能

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

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

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

新 UI

新 UI：改進了主工具欄自定義

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

新 UI：彩色項目標題

WebStorm 2023.2 引入了彩色項目標題，可以簡化多個打開的項目之間的導航。 現在，您可以為每個項目分配唯一的顏色和圖標，使其在工作區中更易區分。

針對 HTTP 客戶端的新功能

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

Qodana 集成

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

插件開發

針對插件開發者的 LSP 支持

 我們為想要使用特定 LSP 服務器為JetBrains IDE中尚未原生支持的技術添加編碼輔助的插件開發者引入了 LSP API。

點擊咨詢“”獲取更多更新內容！