Early Access Program

WebStorm 2022.2 EAP #3

WebStorm 2022.2 EAP build #3 is now available! To catch up on all the new features, check out our previous EAP blog posts.

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


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

Below you can find the biggest improvements available in WebStorm 2022.2 EAP #3. Please try them out and share your feedback with us in the comments below. If you want to report a bug or submit a feature request, you can do so directly in our issue tracker.

A new way to run the current file

WebStorm allows you to run, debug, and test your code, among other things. To do so, it uses the concept of run configurations. As this concept can still be confusing for new users, we introduced a more straightforward way to get started with running and debugging your code.

You can now find a new Current File option on the toolbar. With its help, you can run and debug the file you currently have open by clicking the “play” button immediately to the right of the Current File option. WebStorm will automatically use the run configuration type best suited for the file you have in focus, the same as if you were to run the file from the context menu.

Run Current File

The new option shows up if there are no existing run configurations in your project. If some do exist, you can still find the Current File option in the dropdown menu with run configurations.

Run Current File when there is an existing config

Keyboard shortcut to change font size globally

We’ve resolved a long-standing feature request in this release and introduced the ability to change the font size globally across the editor with a keyboard shortcut. You can now press ⌃⇧. / Alt+Shift+. to increase the font size. Press ⌃⇧, / Alt+Shift+, to decrease it.

Change Font Size Globally

Other notable changes

  • Added support for TypeScript 4.7’s Resolution Customization with moduleSuffixes (WEB-55579).
  • Fixed the issue in Vue 3 that was causing the false await expression error when there were two <script> blocks in the file (WEB-52317).
  • Fixed the issue causing an incorrect “unexpected term” error when using variable interpolation for defining operation in calc() (WEB-21705).
  • Fixed a couple of issues with Tailwind CSS code completion (WEB-52264 and WEB-51751).

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

The WebStorm team

image description