WebStorm 2022.3 Early Access Program Is Now Open!

David Watson

We’re rounding off the end of the year with some cool new features and enhancements for WebStorm. Try them all out in the WebStorm 2022.3 Early Access Program (EAP), which we’ll be kicking off today. If you’re unfamiliar with how our EAP works, check out this blog post, where we explain what it is and why you should consider participating. If you want a quick overview of what to expect in WebStorm 2022.3, take a look at our roadmap.

Important! WebStorm EAP builds are not fully tested and might be unstable.

The Toolbox App is the easiest way to get the EAP builds and to keep both your stable and EAP versions up to date. You can also manually download the EAP builds from our website.

DOWNLOAD WEBSTORM 2022.3 EAP

Below, you’ll find some of the improvements available in WebStorm 2022.3 EAP #1. Please try them out and share your feedback using our issue tracker or in the comments.

New UI available via a setting

As you might know, in May this year, we announced a closed preview program for the new UI for our JetBrains IDEs. With this first step, we aimed to introduce the reworked look and feel of the IntelliJ-based products to a limited number of users. The preview program helped us accumulate a lot of insightful feedback and process it, and now we are ready to invite everyone to try out the new UI.

We invite you to switch to the new UI in Preferences / Settings | Appearance & Behavior | New UI Preview, give it a test drive, and share your thoughts about this huge change with us. To learn more about the changes, watch this webinar recording.

Option to dock tool windows to floating editor tabs

To make it more convenient to arrange your working space and interact with WebStorm using multiple monitors, we’ve implemented the option to drag tool windows out of the main window and dock them to floating editor tabs.

Improved user experience with Search Everywhere results

We have fine-tuned the algorithm behind the Search Everywhere result list to make its behavior more predictable and the selection of the elements you’re searching for more accurate. Now, when you start typing your query, the IDE freezes the first search results that appear and doesn’t re-sort them when more options are found (as was the case with earlier versions).

Also, the machine learning ranking is now enabled by default for the Files tab, resulting in the improved accuracy of the lookup results and shorter search sessions.

New project templates for Vite and Next.js

WebStorm 2022.3 includes project templates to help you get up and running quickly with Vite and Next.js. The new project templates run all the necessary backend scripts for you and set up all the dependencies. This leaves you with a nice skeleton project that has everything installed and ready to go. You can find the new templates in the main menu under File | New | Project… or on the Welcome screen.

Information regarding Svelte support

Lastly, we want to give you an update about WebStorm’s Svelte support. It’s been available as a separate plugin for a few years now. Starting from this release, we’ll be publishing Svelte plugin updates at the same time as our new IDE builds, as we do for Angular and Vue. This will help us avoid problems with incompatible version ranges, especially during the EAP. For us, it’ll also mean a faster feedback loop.

This first EAP build already contains some improvements. We’ll keep working on implementing support for recent additions to the framework, adding new features, and fixing existing bugs. We encourage you to test the Svelte plugin and report any issues you have to our issue tracker.

Other notable changes

• We’ve unbundled support for CoffeeScript, Stylus, and HAML, as they were not popular among our users (WEB-56846).
• We’ve implemented several fixes to support Jest versions 27 and higher. Included among these are:
  • A fix for the issue causing Jest’s test.each (WEB-54816) to yield the wrong results.
  • A fix for the issue of not being able to execute single Jest parameterized tests with the Jest 27 table array syntax (WEB-53994).
  • A fix for the problem causing individual tests not to be represented in the UI when running each() tests with variable interpolation (WEB-51316).
• We’ve fixed several React and Next.js issues. These include:
  • A fix for the issue with the false unused export (WEB-55186).
  • A fix for the “unresolved” warnings for fields in the Redux store (WEB-50731).
  • A fix for the issue causing closing tags to be shown when searching for React component usages (WEB-25807).
  • A fix for the type mismatch errors in strict mode when using optional props (WEB-55002).
• We’ve fixed the issue causing the Project window not to appear at startup (IDEA-251589).

For the full list of the improvements available in WebStorm 2022.3 EAP #1, check out the release notes.

The WebStorm team

Subscribe to WebStorm Blog updates

Subscribe form

By submitting this form, I agree to the JetBrains Privacy Policy Notification icon

By submitting this form, I agree that JetBrains s.r.o. ("JetBrains") may use my name, email address, and location data to send me newsletters, including commercial communications, and to process my personal data for this purpose. I agree that JetBrains may process said data using third-party services for this purpose in accordance with the JetBrains Privacy Policy. I understand that I can revoke this consent at any time in my profile. In addition, an unsubscribe link is included in each email.

Submit

Thanks, we've got you!