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

框架和技術

更好的 Next.js 支持

由于 WebStorm 內置的 React 支持，所有關鍵功能應該已經在Next.js 項目中運行。WebStorm 2022.1 增加了 對一些特定于框架的東西的支持，例如頁面。IDE 將解析組件href屬性 Link以及 inform和其他標記中使用的路徑。代碼完成、導航和重構也將起作用。

支持 Volta

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

修復 Vue

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

Docker 的改進

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

核心包支持

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

ESM 對 webpack 配置的支持

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

編輯

從 Markdown 文件運行命令

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

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

為了更容易格式化.md文件，重新設計了文本選擇時出現的浮動工具欄。除了新設計之外，工具欄現在還提供列表創建功能和允許您選擇標題樣式的下拉菜單。

復制 Markdown 的代碼片段

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

命令行格式化程序中的試運行模式支持

命令行格式化程序 現在 支持試運行模式來驗證項目文件。如果文件需要格式化，它將以非零狀態退出。

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

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

JavaScript 和打字稿

改進的結構視圖

使用 結構視圖，您可以檢查文件并更快地跳轉到它們的特定部分。在此版本中，我們簡化了檢查 JavaScript 和 TypeScript 文件的過程。文件中的符號現在以 更合乎邏輯的順序呈現。此外，WebStorm 現在將 在導出符號旁邊顯示導出圖標，以使它們更易于區分。

加入線行動 涵蓋的新案例

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

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

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

用戶體驗

新的通知工具窗口

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

調試器的 UI 改進

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

更新了結構搜索和替換對話框

“ 結構搜索和替換”對話框 現在包含所有模板的列表，以便更輕松地 在它們之間導航。我們還在對話框的右上角添加了一個Pin Dialog圖標，并將Injected code和Match case復選框移至Search 模板窗格 的底部。

可訪問性改進

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

能夠平均分割編輯器

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

版本控制

使用 Git Blame 更新注釋

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

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

提交詳細信息窗格現在包含 有關 GPG 簽名和構建狀態 的信息。以前，此數據僅在Git日志 中顯示為一列。

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

現在可以更輕松地使用 WebStorm 中的建議更改。添加了直接在 IDE 中 本地應用或提交更改的功能。

WebStorm下載V2022.1版本可到慧都網免費下載

WebStorm| 下載試用

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