建站
咨詢
售后
建站咨詢
新聞中心
7 月 24 日，前端開發(fā)利器 WebStorm 正式發(fā)布了 2023 年的第二個(gè)主要版本：2023.3。這個(gè)版本包含許多新功能和 IDE 的改進(jìn)，包括改進(jìn)的 TypeScript 和 JavaScript 錯(cuò)誤格式、Vue 語言服務(wù)器支持、Beta 版新 UI、HTTP 客戶端改進(jìn)、對插件開發(fā)人員的 LSP 支持等。
創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比騰沖網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式騰沖網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋騰沖地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。
WebStorm v2023.2 中的主要新功能和改進(jìn)包括：
- JavaScript、TypeScript 和 CSS：改進(jìn)了 JavaScript 和 TypeScript 的錯(cuò)誤格式、快速修復(fù)和實(shí)時(shí)模板的自動(dòng)導(dǎo)入、CSS 嵌套支持、將顏色轉(zhuǎn)換為 lch 和 oklch 等。
- 框架和技術(shù)：Vue 語言服務(wù)器支持以及對提供/注入和定義模型的支持、對 Next.js 中 App Router 的更好支持、React hooks 的新實(shí)時(shí)模板、SolidJS 和 Preact 改進(jìn)等。
- 新 UI：改進(jìn)了主工具欄自定義、彩色項(xiàng)目標(biāo)題、帶有淺色標(biāo)題的淺色主題、重新設(shè)計(jì)的漢堡菜單等。
- 集成開發(fā)工具：AI Assistant 預(yù)覽、GitLab 集成、提交特定代碼行的選項(xiàng)、Docker 改進(jìn)、HTTP 客戶端改進(jìn)等。
- 用戶體驗(yàn)：“Search Everywhere”中的文本搜索、“項(xiàng)目”視圖中按修改時(shí)間對文件進(jìn)行排序、“設(shè)置”中的建議插件等等。
- 插件開發(fā)：為插件開發(fā)人員提供 LSP 支持。
JavaScript、TypeScript、CSS
改進(jìn)了 JavaScript 和 TypeScript 的錯(cuò)誤格式
在 WebStorm 2023.2 中，一直在尋求改進(jìn)呈現(xiàn)類型錯(cuò)誤的方式。此版本包括了第一個(gè)實(shí)現(xiàn)，它支持 TypeScript、Vue 和 Svelte 語言服務(wù)器。錯(cuò)誤和警告現(xiàn)在的格式更具可讀性并且更易于診斷問題。
圖片
還可以通過在 Settings | Languages & Frameworks | TypeScript 中的 Options 選項(xiàng)中添加 --locale 和希望使用的語言的縮寫：
圖片
除此之外，還為一些最流行的 JavaScript 檢查添加了改進(jìn)的錯(cuò)誤格式。關(guān)鍵字和引用以與代碼中相同的方式突出顯示，類型以與 TypeScript 中相同的方式突出顯示，并帶有背景。
圖片
添加實(shí)時(shí)模板以及使用快速修復(fù)或意圖時(shí)導(dǎo)入
現(xiàn)在，當(dāng)意圖或快速修復(fù)導(dǎo)致文件中未導(dǎo)出未解析的元素時(shí)，WebStorm 會自動(dòng)將該元素的導(dǎo)入添加到文件中。
圖片
WebStorm 2023.2 還包括使用實(shí)時(shí)模板時(shí)自動(dòng)導(dǎo)入元素的選項(xiàng)?，F(xiàn)在，當(dāng)添加會導(dǎo)致無法解析元素的實(shí)時(shí)模板時(shí)，WebStorm 會自動(dòng)將該元素的導(dǎo)入添加到文件中?？梢栽?nbsp;Settings | Editor | Live Templates 下啟用此功能，，并在選項(xiàng)中選擇添加明確導(dǎo)入。當(dāng)元素只有一個(gè)明確的導(dǎo)入時(shí)，此功能將起作用。如果存在兩個(gè)或多個(gè)可能的元素，則不會自動(dòng)添加導(dǎo)入。
圖片
CSS 嵌套支持
WebStorm 2023.2 版本新增了對 CSS 嵌套功能的支持。它提供了將一個(gè)樣式規(guī)則嵌套到另一個(gè)規(guī)則中的能力，其中子規(guī)則的選擇器是相對于父規(guī)則的選擇器的。添加了語法支持和檢查嵌套選擇器不以標(biāo)識符或函數(shù)符號開頭的檢查。WebStorm 提供了兩個(gè)快速修復(fù)選項(xiàng)——在前綴中添加&和包裹在 :is() 中。
圖片
將顏色轉(zhuǎn)換為 LCH 和 OKLCH
在 WebStorm 2022. 3 中添加了對新的 CSS 顏色修改功能的支持。這為 WebStorm 用戶提供了許多顏色轉(zhuǎn)換操作。例如，可以將 RGB 更改為 HSL，反之亦然。在 WebStorm 2023.2 中擴(kuò)展此支持，以包括 lch 和 oklch 與其他顏色函數(shù)的轉(zhuǎn)換。
圖片
JavaScript 的 JSON 補(bǔ)全功能
WebStorm 2023.2 為 JavaScript 代碼中的 JSON 對象鍵提供補(bǔ)全功能，例如使用 fetch() 調(diào)用或 axios 庫的代碼。
圖片
啟用/禁用字符串文字自動(dòng)插值的選項(xiàng)
在 WebStorm 2023.2 中，可以在 Settings | Editor | General | Smart Keys | JavaScript 中配置是否自動(dòng)進(jìn)行字符串字面量的插值。通過啟用或禁用選項(xiàng)“Automatically replace string literal with template string on typing '${'”進(jìn)行設(shè)置。
圖片
支持構(gòu)建程序中定義的別名
已經(jīng)使用 Typescript 實(shí)現(xiàn)了對框架的支持，其中路徑別名是在構(gòu)建工具的配置文件中定義的，而不是在 tsconfig.json 中定義的。WebStorm 將考慮這些路徑別名，并在 TypeScript 框架中提供自動(dòng)導(dǎo)入，其中組件語法是 HTML 的超集，即 Vue、Svelte 和 Astro。
框架和技術(shù)
Vue：語言服務(wù)器支持
該版本實(shí)現(xiàn)了對 Vue 語言服務(wù)器的支持，以幫助支持 TypeScript 5.0 中的更改。
圖片
默認(rèn)情況下，對于 TypeScript 版本 5.0 及更高版本，將使用 Vue Language Server。而對于早期的 TypeScript 版本，則將使用 TypeScript 服務(wù)的封裝?？梢栽?nbsp;Settings | Languages & Frameworks | TypeScript | Vue 中設(shè)置 Vue 服務(wù)在所有 TypeScript 版本上使用 Vue Language Server 集成。
圖片
Vue：依賴注入支持
WebStorm 2023.2 提供了對依賴注入的支持。WebStorm 現(xiàn)在提供 inject 字段的補(bǔ)全，解析注入的屬性，并顯示有關(guān)注入屬性類型的正確信息。
Vue: defineModel 支持
WebStorm 2023.2 添加了對新的 DefineModel 宏的支持，這簡化了雙向綁定的工作。該宏自動(dòng)注冊一個(gè) prop，并返回一個(gè)可以直接變異的 ref。
圖片
Next.js 中對 App Router 的更好支持
Next.js 13.1 現(xiàn)在包含一個(gè)專門用于新應(yīng)用目錄的 TypeScript 語言服務(wù)插件。該插件提供了配置頁面和布局的建議，以及使用服務(wù)端和客戶端組件的有用提示。它還附帶自定義文檔，這意味著它向 TypeScript 語言服務(wù)的輸出添加了額外的信息?，F(xiàn)在可以在 WebStorm 中查看此自定義文檔。
圖片
React hooks 的新實(shí)時(shí)模板
該版本為 React hook 添加了一組新的實(shí)時(shí)模板?？梢栽赟ettings | Editor | Live Templates > React hooks下找到添加的實(shí)時(shí)模板。
圖片
Svelte 改進(jìn)
該版本集成了 Svelte 語言服務(wù)器。此更新將 Svelte-check 報(bào)告的所有錯(cuò)誤直接帶到了 IDE，例如，包括標(biāo)記內(nèi)的 null 檢查、prop 類型檢查等。
圖片
運(yùn)行工具窗口中 Jest 測試的監(jiān)視模式
WebStorm 2023.2 在工具窗口中重新引入了用于 Jest 測試的“監(jiān)視更改”圖標(biāo)?，F(xiàn)在，當(dāng)運(yùn)行 Jest 測試時(shí)，將在工具欄中看到一個(gè)新的切換按鈕，它可以讓開發(fā)中輕松啟用觀看模式。這將不需要在運(yùn)行配置中手動(dòng)設(shè)置 --watch/--watchAll Jest 選項(xiàng)。
圖片
改進(jìn)了對 SolidJS 和 Preact 的支持
WebStorm 2023.2 包含大量修復(fù)，以改進(jìn)對 Preact 和 Solid.js 的支持。
使用 Preact 和 SolidJS 時(shí)，會發(fā)現(xiàn)對 Emmet 更好的支持。WebStorm 現(xiàn)在可以更好地理解 Preact、SolidJS 和其他基于 JSX 的框架，其中類屬性在相應(yīng)的 d.ts 文件中定義。WebStorm 現(xiàn)在不再檢測特定框架，而是使用 JSX.IntrinsicElements 中的類型和配置信息來提供 Emmet 的正確展開。
除此之外，還為 createSignal 函數(shù)的 getter 和 setter 引入了重命名重構(gòu)。與 useState 已有的重構(gòu)功能類似，這使開發(fā)者可以方便地重命名與 createSignal 函數(shù)關(guān)聯(lián)的 getter和 setter 函數(shù)，以便可以有效地更新這些函數(shù)的名稱，以更好地反映其用途或遵守編碼約定。
圖片
Angular 改進(jìn)
現(xiàn)在，在 WebStorm 2023.2 中，當(dāng)使用 strictTemplates 時(shí)，應(yīng)該不會再有任何意外了。WebStorm 將精確解釋 ngTemplateContextGuard 方法并將類型評估傳播到模板變量。大量使用映射類型的庫（例如 NgRx）現(xiàn)在應(yīng)該可以正常工作。結(jié)合之前添加的對嚴(yán)格 null 檢查和類型縮小的支持，希望它能讓 Angular 體驗(yàn)變得更好！
在此版本中，還修復(fù)了一些與 Jest 和 Angular 相關(guān)的問題。其中包括修復(fù)導(dǎo)致某些 Jest 測試無法在 Angular 項(xiàng)目目錄中運(yùn)行的問題，以及修復(fù)在運(yùn)行目錄中的所有測試時(shí)正確檢測子項(xiàng)目的問題。
Astro 更新
在此版本中對 Astro 支持進(jìn)行了多項(xiàng)改進(jìn)?，F(xiàn)在 PostCSS 默認(rèn)工作在 Astro 組件的