［更新］WebStorm 2023.1

WebStorm 2023.1 中的新功能

對 Astro 的支援，對 Vue 模板的 TypeScript 的支援、Tailwind CSS 配置、完整的 IDE 縮放、對新的用戶介面和版本控制集成的改進..等。

框架和技術
對 Astro 支援
期待已久的 Astro 支援已登陸 WebStorm！您可以透過我們新的 Astro 插件獲取，從偏好(Preferences)｜設定(Settings)｜插件(Plugins)，來加以安裝。該插件提供基本功能，包括語法突出顯示、自動導入代碼完成、重構、導覽、正確格式化..等。


Astro 連結
Astro 插件

在 Vue 模板中支援 TypeScript
我們在 Vue 模板中添加了 TypeScript 支援，當您將script中lang標記的屬性設置為ts，則立即被啟用。以前，無論script中lang標記的屬性如何，都得使用 JavaScript 。WebStorm 現在將支援內聯轉換(inline casting)、改進的類型縮小(type narrowing)以及校對 Vue Single-File Components 的模板文件的推斷類型(inferred types)相關內容。


JavaScript 和 TypeScript
將字符串自動轉換為模板文字
WebStorm 會在您輸入時，自動將單引號或雙引號字符串轉換為模板文字${。這適用於原始字符串以及 JSX 屬性。


對齊 TypeScript 和 JavaScript 之間的導入行為
我們調整了 TypeScript 和 JavaScript 的導入行為。在 TypeScript 中， 您將在上下文操作中看到導入選項，就像在 JavaScript 中一樣。您可以透過按開啟上下文操作 Alt+Enter。統一設置在偏好/ 設定/ 編輯/ 一般/ 自動導入。


支援 TypeScript 功能
WebStorm 支援即將推出的 TypeScript 5.0 的主要功能，還提供對多重配置繼承、const 類型參數修飾符和allowImportingTsExtensions標誌的完全支援。

新用戶界面
工具視窗的垂直分割
WebStorm 2023.1 允許您分割工具視窗的區域並排列它們，這樣您就可以同時看到兩個。將工具視窗圖標從側邊欄位拖放到分隔符號下方。或者，您可以右鍵點擊該圖標以使用移動到指令，為工具視窗分配到新位置。


精簡模式
為了更輕鬆地在較小的螢幕上作業，我們導入了精簡模式，透過更精簡的工具欄位和視窗標題、縮小的間距和填充、更小的圖標和按鈕，提供了更統一的外觀。要轉換此模式，請點擊查看 | 外觀 | 主選單中的精簡模式。


重新實現了熱門功能
我們添加一些在全新用戶介面中缺少的熱門功能。例如 Branches 視窗中 Show Hidden Tabs selector 和 Fetch action；另外，我們透過隱藏主要工具欄元素並在範圍內顯示文件名，來對 Distraction Free 和Zen Modes 進行了改善。


更多訊息，請至jetbrains官網。

WebStorm 搶先體驗計劃 (WebStorm Early Access Program)

迎接 WebStorm 搶先體驗計劃（WebStorm EAP）！
WebStorm EAP 旨在讓用戶親身體驗，並且提供 jetbrains 原廠下一版穩定開發新功能的機會。
用戶可以下載預先發布版本，分享您對整體性能和版本外觀的看法。用戶如果發現任何錯誤或者新功能可改進的部分，又或者想告訴 jetbrains 原廠其他任何的信息，都可以提出看法。

立即獲取 WebStorm 2023.2 體驗計畫。

．購買/續約通路，請聯繫迪凱科技。
．立即試作。

溫馨提醒：若您有使用 jetbrains 產品，也可以下載原廠的工具箱 App，以更快速接收到相關產品的更新訊息。