Early Access Program

WebStorm 2022.3 EAP #5: Package Vulnerability Checker, Vue Import Improvements, and ARM64 Installer

WebStorm 2022.3 EAP build #5 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.

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

Vulnerability checker for packages

WebStorm 2022.3 will now detect vulnerabilities in the packages used in your projects by checking across the Checkmarx SCA Database and the National Vulnerability Database. As you write your code, the IDE will highlight packages that are considered vulnerable and suggest fixes where available.

Vunerability checker for packages finding issues in electron 19.0.12

You’ll be able to find a list of all the issues in your project in the Problems tool window, without opening the files where the packages are declared. You can also see the list by going to the main menu and selecting Code | Analyze Code | Show Vulnerable Dependencies.

Vue import action improvements

We’ve made several Vue import improvements. The IDE can now take care of any unresolved imports and will offer suggestions for importing Vue components:

  • We’ve added a quick-fix for unresolved Vue components inside the component template and an intention to import a globally registered component locally (WEB-33408).
  • We’ve fixed issues with <script setup> components being absent from JavaScript and TypeScript auto-import completions and intentions (WEB-55155 and WEB-54446).
  • You can import any symbol (variable, class, enum, function) into the component template, and WebStorm will generate the necessary code for you in the import statement. WebStorm will also add it to the appropriate component property (methods or computed) so that the symbol is visible within the <template> (WEB-47509).

Vue import action improvements showing code completion

A new way to work with projects in WSL2

WebStorm 2022.3 brings an alternative way to work with projects running in WSL2 file systems. Instead of running a full IDE on Windows, your IDE backend will launch directly in WSL2 itself. Then you can connect to it the same way you would connect to any remote machine when using remote development in WebStorm. This can provide better IDE performance when working with projects in WSL2.

Connecting to WSL instance from the Welcome screen

Installers for Windows and Linux ARM64

We’re working to add support for Windows and Linux ARM64! We’re now running tests to make sure that WebStorm works smoothly on machines with ARM64 processors. Meanwhile, with WebStorm 2022.3 EAP #5, we’ve started distributing installers for Windows ARM64, which you can already download from our website or via the Toolbox App. The installers for Linux ARM64 are available from our website.

Bookmarks improvements

For v2022.3, we’ve implemented a few UI improvements to the Bookmarks feature to fine-tune this functionality after the merge of the Favorites and Bookmarks instances in the 2021.3 release.

It’s now possible to bookmark files from editor tabs. Right-click on a tab to invoke the context menu and select Bookmarks.

Creating a new bookmark list

In addition to this, you can add all the files you have open as tabs to bookmarks. Either invoke the context menu as before and select Bookmark Open Tabs, or call the action using the kebab (three-dots) icon located on the right-hand side of the editor tabs pane. WebStorm will add all the open tabs to a new list of bookmarks, which you can name as you please.

That’s it for today! For the full list of the improvements available in WebStorm 2022.3 EAP #5, check out the release notes.

The WebStorm team

image description