［更新］JetBrains WebStorm 2024.2

2024/09/16

JetBrain 提供新創公司五折優惠。
立即申請：https://www.jetbrains.com/shop/eform/startup/

JetBrains WebStorm 2024.2 新增功能

在 JetBrains WebStorm 2024.2 版本中，JetBrains 為各位開發者準備了一系列令人興奮的功能升級！
首先，增強的檔案系統路由支援（Enhanced file-system routing support）讓您在使用 Next.js、Nuxt 或 SvelteKit 等框架時，可以更輕鬆地進行路徑解析與導航。

其次，對於熱衷於 JavaScript 新技術的開發者，JetBrains 新增了 Bun 的初步偵錯支援（initial debugging support for Bun），讓您可以在 macOS 和 Linux 環境中進行更加高效的偵錯。

再者，JetBrains WebStorm 2024.2 現在支援一鍵啟動您的 TypeScript 程式碼！還強化對 Svelte 5 程式碼片段的支援，讓開發者更加靈活地創建可重複使用的元件。然而，如果您是新手或想嘗試 JavaScript 與 TypeScript 的全新專案，JetBrains WebStorm 2024.2 全新的專案生成器將帶來友好的操作指引，幫助您輕鬆上手。

框架與技術（Frameworks and Technologies）

增強的檔案系統路由支援（Enhanced file-system routing support）
JetBrains WebStorm 2024.2 能夠解析使用基於檔案系統的路由框架的路徑，可以根據專案的檔案系統解析連結路徑，為 Next.js、Nuxt、SvelteKit 和 Astro提供自動完成和導航，確保您的開發環境跟上這些框架所採用的路由場景。

Bun 的初步偵錯支援（initial debugging support for Bun）
JetBrains WebStorm 2024.2 透過偵錯適配器協定 (Debug Adapter Protoco, DAP) 新增對 Bun JavaScript 運行時的偵錯支援，用戶可以在 WebStorm 中設定斷點、單步執行程式碼、檢查變數以及計算表達式，目前僅支援 macOS 和 Linux。

預設的 Prettier 集成（Prettier integration enabled by default）
JetBrains WebStorm 2024.2 的新專案預設中啟用了 Prettier 集成，prettier直接依賴其根目錄package.json和同一層級的 Prettier 配置檔案。此功能簡化了設定過程，並確保 Prettier 整合開箱即用。

彈出視窗中的 Tailwind CSS 預覽（Tailwind CSS preview in the completion popup）
JetBrains WebStorm 2024.2 增強了對 Tailwind CSS 類別預覽。先前，預覽僅顯示在輔助文件彈出視窗中，現在直接在完成結果清單中顯示 Tailwind CSS 類別預覽。

JavaScript 和 TypeScript

直接運行 TypeScript 文件（Run TypeScript files directly）
現在您可以直接運行及偵錯 TypeScript 文件，無需任何額外的設定。您可以從不同的入口點執行 TypeScript 文件，包括文件上下文選單、運行小部件和目前文件配置。

JavaScript 和 TypeScript 的專案產生器（Project generators for JavaScript and TypeScript）
JetBrains WebStorm 2024.2 透過新增選項來建立基本 JavaScript 和 TypeScript 項目，從而增強了新專案精靈，產生具有入門提示選項的場景專案（playground project with onboarding tips option）包含提示註釋，可協助您熟悉 IDE。