WebStorm 2022.1擁有更好的 Next.js 支持、Volta 集成、對 Docker 的改進(jìn)、對 webpack 配置的 ESM 支持、從 Markdown 文件運(yùn)行命令的能力等等。

框架和技術(shù)

更好的 Next.js 支持

 由于 WebStorm 內(nèi)置的 React 支持，所有關(guān)鍵功能應(yīng)該已經(jīng)在Next.js 項(xiàng)目中運(yùn)行。WebStorm 2022.1 增加了 對一些特定于框架的東西的支持，例如頁面。IDE 將解析組件href屬性 Link以及 inform和其他標(biāo)記中使用的路徑。代碼完成、導(dǎo)航和重構(gòu)也將起作用。

支持 Volta

在此版本中，我們添加了與 JavaScript 工具管理器Volta的適當(dāng)集成，WebStorm 將自動識別使用 Volta 安裝的 Yarn 和 npm 。

修復(fù) Vue

WebStorm最新版本 2022.1對 Vue 3 進(jìn)行了多項(xiàng)改進(jìn)。如果您全局定義組件，IDE 現(xiàn)在將在您的 .vue文件中識別它們。WebStorm 應(yīng)該支持createApp 語法。它將正確匹配使用 createApp其相關(guān)元素創(chuàng)建的應(yīng)用程序。還添加了對 Nuxt 3 的支持。

Docker 的改進(jìn)

服務(wù)工具窗口中重新設(shè)計(jì)了 Docker UI 。已經(jīng)對容器、圖像、網(wǎng)絡(luò)和卷實(shí)施了改造。我添加了對 Docker Registry HTTP API V2的支持， 以便與 Docker 1.6+ 一起使用。可以創(chuàng)建簡單的或受密碼保護(hù)的 Docker V2 注冊表并執(zhí)行查看、推送和拉取圖像等操作。

核心包支持

WebStorm 現(xiàn)在支持 Corepack，這是一個實(shí)驗(yàn)性的 Node.js 工具，讓您無需安裝即可使用 Yarn 和 pnpm。

ESM 對 webpack 配置的支持

從 v2022.1 開始，webpack 編碼輔助將與文件中的 ES 模塊一起使用 webpack.config.js。

編輯

從 Markdown 文件運(yùn)行命令

自述文件通常描述運(yùn)行應(yīng)用程序所需的步驟，并列出一堆要使用的命令。WebStorm 2022.1 將允許您 直接從 README 文件中運(yùn)行這些命令——只需單擊命令左側(cè)的 運(yùn)行圖標(biāo)即可。

更新了 Markdown 編輯器浮動工具欄

為了更容易格式化.md文件，重新設(shè)計(jì)了文本選擇時(shí)出現(xiàn)的浮動工具欄。除了新設(shè)計(jì)之外，工具欄現(xiàn)在還提供列表創(chuàng)建功能和允許您選擇標(biāo)題樣式的下拉菜單。

復(fù)制 Markdown 的代碼片段

在 Markdown 塊添加了一個新的復(fù)制代碼片段操作，可以快速將其內(nèi)容復(fù)制到剪貼板。

命令行格式化程序中的試運(yùn)行模式支持

命令行格式化程序 現(xiàn)在 支持試運(yùn)行模式來驗(yàn)證項(xiàng)目文件。如果文件需要格式化，它將以非零狀態(tài)退出。

LightEdit模式下 的代碼重新格式化

現(xiàn)在可以在 LightEdit模式下重新格式化代碼。為此，請轉(zhuǎn)到代碼 | 在主菜單中 重新格式化代碼或按。 Ctrl+Alt+L

JavaScript 和打字稿

改進(jìn)的結(jié)構(gòu)視圖

使用 結(jié)構(gòu)視圖，您可以檢查文件并更快地跳轉(zhuǎn)到它們的特定部分。在此版本中，我們簡化了檢查 JavaScript 和 TypeScript 文件的過程。文件中的符號現(xiàn)在以 更合乎邏輯的順序呈現(xiàn)。此外，WebStorm 現(xiàn)在將 在導(dǎo)出符號旁邊顯示導(dǎo)出圖標(biāo)，以使它們更易于區(qū)分。

加入線行動 涵蓋的新案例

WebStorm 允許使用 連接代碼行或代碼塊 Ctrl+Shift+J，此操作現(xiàn)在 適用于嵌套if語句。當(dāng)帶有單行塊的類似語句 使用Join Lines操作時(shí) ， WebStorm 還將刪除多余的大括號。ifwhilefor-of

枚舉的可配置突出顯示顏色

引入了新的Enum和Enum 成員語法高亮 選項(xiàng)。可以在 首選項(xiàng)/設(shè)置 |中找到它們。編輯 | 配色方案 | 打字稿。它們的默認(rèn)值繼承自Enum的 Class和Enum 成員的 Static 成員變量。

用戶體驗(yàn)

新的通知工具窗口

我們用新的 通知工具窗口替換了 WebStorm 的事件日志。我們希望它可以幫助您 更好地了解來自 IDE 的通知，這樣您就不會錯過任何重要的信息。

調(diào)試器的 UI 改進(jìn)

為了最大化調(diào)試器工具窗口中的可用空間，我們 默認(rèn)隱藏了選項(xiàng)卡標(biāo)簽。要使它們再次可見或自定義它們的位置，請使用Layout Settings下的Show Tab Labels選項(xiàng) 。

更新了結(jié)構(gòu)搜索和替換對話框

“ 結(jié)構(gòu)搜索和替換”對話框 現(xiàn)在包含所有模板的列表，以便更輕松地 在它們之間導(dǎo)航。我們還在對話框的右上角添加了一個Pin Dialog圖標(biāo)，并將Injected code和Match case復(fù)選框移至Search 模板窗格 的底部。

可訪問性改進(jìn)

為了便于在“日志”選項(xiàng)卡中導(dǎo)航，屏幕閱讀器現(xiàn)在可以讀取分支樹的名稱和描述。此外， macOS 上的輔助功能支持也得到了改進(jìn)。我們修復(fù)了在外接顯示器上工作時(shí) VoiceOver 光標(biāo)位置不正確的問題。VoiceOver 現(xiàn)在還可以讀取組合框列表。

能夠平均分割編輯器

對于那些喜歡通過 拆分編輯器來重新組織工作區(qū)的人，我們進(jìn)行了一些改進(jìn)。您現(xiàn)在 可以將拆分選項(xiàng)卡配置為具有相同的寬度。為此，請轉(zhuǎn)到 首選項(xiàng)/設(shè)置 | 高級設(shè)置并選擇新的 Equalize ratios in nested splits選項(xiàng)。

版本控制

使用 Git Blame 更新注釋

改進(jìn)了使用 Git Blame進(jìn)行注釋的功能，使調(diào)查引入的更改更容易。當(dāng)將鼠標(biāo)懸停在注釋上時(shí)，IDE 會在編輯器中突出顯示行中的差異，并 在您單擊它時(shí) 打開Git工具窗口下的日志選項(xiàng)卡。

更新了Git工具窗口 中的提交詳細(xì)信息窗格

提交詳細(xì)信息窗格現(xiàn)在包含 有關(guān) GPG 簽名和構(gòu)建狀態(tài) 的信息。以前，此數(shù)據(jù)僅在Git日志 中顯示為一列。

拉取請求評論中的建議更改

現(xiàn)在可以更輕松地使用 WebStorm 中的建議更改。添加了直接在 IDE 中 本地應(yīng)用或提交更改的功能。

WebStorm下載V2022.1版本可到慧都網(wǎng)免費(fèi)下載

WebStorm| 下載試用

WebStorm是一個針對JavaScript和相關(guān)技術(shù)的集成開發(fā)環(huán)境。像其他JetBrains IDE一樣，它使你的開發(fā)體驗(yàn)更加愉快，使日常工作自動化，并幫助你輕松處理復(fù)雜的任務(wù)。