［更新］JetBrains WebStorm 2024.1

JetBrains WebStorm 2024.1 中的新功能

JetBrains WebStorm 2024.1 帶來了一系列令人振奮的更新，旨在提升開發者的工作效率和編碼體驗。以下是三個主要亮點，這些新功能將讓你在編寫和管理程式碼時更加得心應手，一起來看看吧！

．固定行
．快速文件改進
．預設啟用的 Vue 語言伺服器

主要亮點

固定行

JetBrains WebStorm 2024.1 包含固定行，可協助您在不遺失上下文的情況下瀏覽大檔案。 捲動時，此功能會將函數或類別聲明等關鍵結構元素固定到編輯器頂部。 您可以在設定 |編輯|一般|外觀（Settings | Editor | General | Appearance）中自訂功能。

 

快速文件改進

JetBrains WebStorm 2024.1 中的快速文件彈出視窗具有改進的功能， 支援程式碼區塊的語法高亮顯示，並整合到補全結果中。 現在它顯示介面成員、枚舉常數和類型別名主體。 您可以使用Show more（展開）連結存取類型成員的完整列表，並使用分頁控制項在多個聲明之間導覽。

 

預設啟用的Vue 語言伺服器

現在，所有Vue 專案（包括基於Nuxt 的專案）都預設為啟用Vue 語言伺服器（Vue Language Server），它在Vue 2 專案中存在一些已知限制。 如果您處理Vue 2 項目，可以在設定| 語言與框架| TypeScript | Vue（Settings | Languages & Frameworks | TypeScript | Vue）中選擇不使用伺服器。

框架和技術

實驗性TypeScript 引擎
JetBrains WebStorm 2024.1 附帶實驗性TypeScript 引擎，可透過設定| 語言與框架| TypeScript（Settings | Languages & Frameworks | TypeScript）切換。 新引擎的作用是解決相容性問題和提高效能。 新方式目前適用於TypeScript 和Vue。

更多內容，請參閱部落主文章（Vladislav Minaev）：https://blog.jetbrains.com/webstorm/2023/12/try-the-future-typescript-engine-with-the-webstorm-next-program/

 

針對React 的快速修復

JetBrains WebStorm 2024.1 為React 新引入了多個快速修復，可供動態建立props 和狀態。 您可以使用快捷鍵Alt+Enter應用這些快速修復。

更多內容，請參閱部落主文章（Vladislav Minaev）：https://blog.jetbrains.com/webstorm/2024/03/webstorm-2024-1-eap3/#quick-fixes-for-react-props-and-state-creation/

版本控制

編輯器內程式碼審查

JetBrains WebStorm 2024.1 為GitHub 和GitLab 使用者改進了程式碼審查流程。 新的審查模式透過裝訂區域中的紫色標記高亮顯示更改，對作者和審查者可見。 您可以點擊+ 或Message（訊息）圖示直接在編輯器中開始新討論或檢視和回覆評論。

 

增強的GitHub Actions 支持

JetBrains WebStorm 2024.1 為GitHub Actions 上下文引入了自動補全，包括github.*、env.*、steps.*和inputs.*。 我們也為image和mainDocker 配置屬性新增了補全。

以上內容來自原廠網頁（https://www.jetbrains.com/webstorm/whatsnew/）

．如何入門：https://www.jetbrains.com/help/webstorm/getting-started-with-webstorm.html
．立即試用：https://www.jetbrains.com/webstorm/download/#section=windows
．購買/續約通路：https://www.ahasoft.com.tw/page/product/show.aspx?num=1224

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