Store   |   What's new

Greetings from the WebStorm team,

We’re happy to announce that we’ve just rolled out our first major update of the year, WebStorm 2023.1! You can get a quick tour of the key changes below or by watching this video.

Astro support

Long-awaited Astro support has landed in WebStorm! Our new Astro plugin provides all the basic functionality you’d expect, including syntax highlighting, code completion with automatic imports, refactorings, navigation, correct formatting, and more.

Learn more →

Improvements for Vue, React, Angular, and Svelte

You’ll find a bunch of updates for working with various frameworks and technologies in this release. TypeScript support for Vue template expressions is the biggest of them. We’ve also added a new way to show the expected type information for component props in React. Additionally, we’ve improved the way WebStorm evaluates $types in SvelteKit apps and enabled the IDE to add component imports when you copy-paste code in Vue, Svelte, Astro, and Angular templates.

Learn more →

Improvements for the new UI

Last year, we introduced a new, more minimalistic UI for WebStorm and other JetBrains IDEs. We’ve been refining the new UI based on your feedback and introducing changes that should make your coding experience even more enjoyable. Some of the big ones include project tabs on macOS, a redesigned Run widget, compact mode, and the reimplementation of some user favorites!

Learn more →

Improvements for JavaScript and TypeScript

WebStorm has added the ability to transform your single- or double-quoted strings into template literals automatically whenever you type ${. We’ve also aligned the general import behavior between TypeScript and JavaScript so you get the same context actions in both. In addition to this, auto-imports are now added based on existing imports in the project.

Learn more →

Tailwind CSS configuration

In this release, we've added support for Tailwind CSS configuration options, such as custom class name completion under the classAttributes option or experimental ones like tailwindCSS.experimental.configFile. You can set up these configuration options under Preferences / Settings | Languages & Frameworks | Style Sheets | Tailwind CSS.

Learn more →

Improved user experience

It’s now possible to zoom into and out of WebStorm, increasing or decreasing the size of all UI elements at once. You can also predefine the behavior of Actions on Save for new projects and restore the copy-cut-paste behavior to how it was in earlier versions of the IDE.

Learn more →

Improvements for version control systems

To simplify the process of reviewing code inside the IDE, we’ve reworked the Pull Request tool window. It now features a dedicated tab for each pull request you open. Additionally, we’ve added autocompletion to help you name new branches. Navigating between branches is also easier, as they are now grouped in expandable lists and commit checks are performed in the background after you commit but before you push.

Learn more →

Visit our website to learn more and start using WebStorm 2023.1 today.

Your WebStorm team
JetBrains
The Drive to Develop