WebStorm 2024.2 is able to resolve paths for frameworks that use file-system-based routing. It can resolve link paths based on your project's file system, providing autocompletion and navigation for Next.js, Nuxt, SvelteKit, and Astro. This ensures that your development environment keeps up with the routing scenarios employed by these frameworks.

We've added debugging support for the Bun JavaScript runtime via the Debug Adapter Protocol (DAP). You can set breakpoints, step through code, inspect variables, and evaluate expressions within WebStorm. This support is currently limited to macOS and Linux.

In WebStorm 2024.2, Prettier integration is enabled in new projects with a direct prettier dependency in their root package.json and a Prettier configuration file at the same level. This feature simplifies the setup process and ensures that Prettier integration is enabled out of the box.

We’ve enhanced Tailwind CSS class previews in WebStorm 2024.2. Previously, the previews were only shown in a secondary documentation popup. WebStorm now displays Tailwind CSS class previews directly in the completion result list.

WebStorm 2024.2 includes support for new Svelte code snippets and render tags. These snippets are designed to create reusable chunks of markup within your components.

We’ve enabled Astro Language Server Protocol (LSP) support, which improves code completion and the overall developer experience. This enhancement ensures more accurate and efficient development when working with Astro projects and provides better integration and support within the IDE.

WebStorm 2024.2 introduces Vue Language Service v2 support. This update enhances support for Vue 3, improving autocompletion, error checking, and type inference. Enjoy a smoother development experience powered by the most recent version of Vue language tools and built-in WebStorm support.

You can now run and debug TypeScript files without any additional setup. You can execute TypeScript files from different entry points, including the file context menu, the Run widget, and the Current File configuration.

WebStorm 2024.2 enhances the New Project Wizard by adding a new option to create basic JavaScript and TypeScript projects. The Generate a playground project with onboarding tips option includes tip comments to help you get familiar with the IDE.

WebStorm 2024.2 adds support for the configDir template variable in TypeScript 5.5. This enhancement improves the flexibility and configurability of TypeScript projects.

We’ve reworked inlay hints in TypeScript to better align with the information provided by the TypeScript service.

WebStorm can now render mathematical expressions in Markdown files. You can use $ to insert inline math expressions and $$ for code blocks containing math content.

JetBrains AI Assistant 2024.2 introduces enhanced code completion with more accurate and faster suggestions. The AI chat now supports GPT-4o, chat references, and semantic search for better context understanding. For more information, please see this blog post.

The Search Everywhere dialog now includes an option to preview the codebase elements you’re searching for. You can enable the preview through the icon on the dialog’s toolbar.

Chinese, Korean, and Japanese language packages are now bundled in WebStorm distributions. If you would like to change the language of the IDE’s UI, you can do so without installing the localization plugin. Go to Settings | Appearance & Behavior | System Settings | Language and Region, and select your preferred language.

The new UI was first introduced in WebStorm 2022.3. We’ve been working on it since then and will now set it as the default for all WebStorm users. See this blog post for more information.

WebStorm comes with JetBrains Runtime 21, which offers enhanced security and performance, as well as Wayland rendering support for Linux. See this blog post for more information.

We’ve refined the color encoding and layout of the commit graph in the Log tab of the Git tool window. Important branch lines now consistently remain on the left-hand side of the graph and retain their designated colors, making them easier to identify and follow.

All settings related to the Log tool window are now consolidated into a dedicated settings page, making it easy to customize its behavior in one convenient location. You can access this page through Settings | Version Control | Log or via a new dropdown menu on the Log tool window’s toolbar.

WebStorm 2024.2 includes support for --first-parent. This option simplifies the log by hiding individual commits that came with the merge, making it easier to track changes. We’ve also added filtering with the --no-merges command, which displays the history without any merge commits.