WebStorm 2021.3 Beta
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.
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.
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