WebStorm 2021.3 Beta

Ekaterina Ryabukha

WebStorm 2021.3 has reached the Beta milestone! You can upgrade to the latest build using the Toolbox App or from our website. To catch up on what has already been implemented, check out our previous EAP blog posts.

DOWNLOAD WEBSTORM 2021.3 BETA

We’d like to thank everyone who has tried the EAP builds and shared their feedback with us! If you’ve tried them too but haven’t had a chance to respond yet, please do – here’s our issue tracker.

Below you can find the most notable improvements available in WebStorm 2021.3 Beta.

Type checking in Vue templates

In between the 2021.2 and 2021.3 releases, we’ve shipped a bunch of long-awaited fixes for Vue, including support for script setup. In this release, we’ve added another useful improvement – WebStorm 2021.3 supports TypeScript type checking in Vue templates. The IDE will let you know when an incorrect type is used in the expressions bound to properties.

Better support for monorepos

WebStorm 2021.3 comes with a number of improvements for working with monorepos. The most notable change is that automatically added imports now respect the project structure by treating each folder in the project with package.json as a separate package.

New features for the HTTP client

In this release, we’ve significantly improved WebStorm’s built-in HTTP client. We’ve added a lot of new features, including output redirection to a custom file or directory, support for text and JSON streams, and support for HTTP request identifiers. Let’s take a closer look at them.

Support for text and JSON streams

It’s now easier to test streaming applications in WebStorm because it supports the following content types: text/event-stream, application/stream+json, and application/x-ndjson. This means the HTTP client will no longer wait for a stream to end and will instead display the output on the fly. The HTTP client will also listen for the end of a stream and will show a message when the process is finished.

Binary responses

In WebStorm 2021.3, the HTTP client will show an image preview in the response console if a response is an image. The HTTP client doesn’t show a preview for a response if it isn’t clear whether it’s a text response.

Output redirection to custom file or directory

The HTTP client can now redirect output to a custom file or directory. It supports two operators for force and soft redirects:

• The >> operator always creates a new file, adding an -n suffix to a file name if the requested file name already exists.
• The >>! operator rewrites the file if it already exists.

Support for HTTP request identifiers

WebStorm now understands identifiers (or names) for requests. It understands identifiers both that were declared as a comment with @name and that were declared as text in the first separator (###). You can invoke a request by its identifier from the Services tool window as well as from the Run Configuration, Run Anything, and Search Everywhere dialogs.

That’s it for the highlights! For the full list of the latest enhancements available in this update, please see 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!