WebStorm 2021.2 Goes Beta!

Ekaterina Ryabukha

WebStorm 2021.2 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.2 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’ll find some of the highlights of WebStorm 2021.2 Beta:

• Better completion for endpoint URLs
• Improvements for Tailwind CSS
• Quick access to Power Save mode

Better completion for endpoint URLs

If you’re working with Express.js, you can now get an overview of route handlers in the Endpoints tool window. This tool window isn’t available in WebStorm by default, but you can add it by installing the corresponding plugin from Preferences / Settings | Plugins. The tool window can also come in handy if you need to work with APIs.



Also, it’s now possible to search for Express route declarations. For this, go to Navigate | URL Mapping…. from the main menu.



In your client-side code, completion suggestions for Express routes have become more informative as WebStorm now shows you details about the request type.



There are two more nice improvements for your client-side code:

• If you work with Angular or AngularJS, you can use completion for the endpoint URLs detected in the project’s HttpClient and $http methods.
• For Axios, completion works for the endpoint URLs in the methods of a new Axios instance.

Improvements for Tailwind CSS

In this build, you’ll find a couple of improvements to code completion for Tailwind CSS. First, WebStorm will autocomplete class names in your styled components.



WebStorm will also understand dynamically evaluated className attribute values and show you completion suggestions in such cases.



Quick access to Power Save mode

Did you know that WebStorm has Power Save mode to help you extend battery life on your laptop? To make this mode easier to access, we’ve made it possible to manage it from the status bar. Right-click on the status bar and select Power Save Mode – you’ll see a new icon appear in the bottom right corner of the IDE. Click on this icon whenever you want to turn the mode on or off.



With Power Save mode turned on, indexing and some power-intensive code inspections won’t run. However, you’ll still get a full-fledged editor, with syntax errors will still be highlighted.

That’s it for the biggest 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!