Early Access Program

WebStorm 2021.2 EAP #6: Support for classnames and clsx Libraries

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

If you’re not familiar with our Early Access Program, check out this blog post where we explain what the EAP is and why you should take part in it. TL;DR: aside from helping steer development in the direction you want it to go, you could also get a free WebStorm license.

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 them from our website.

DOWNLOAD WEBSTORM 2021.2 EAP

Below you can find the most notable improvements available in WebStorm 2021.2 EAP #6. Please try them out and share your feedback with us.

Support for classnames and clsx libraries

We’ve got another useful improvement for React users in this release. WebStorm now supports popular classnames and clsx libraries, helping you deal with your CSS class names more efficiently. The IDE will show completion suggestions for your CSS classes and resolve all symbols in string literals and properties with literal names.

clsx-support-in-webstorm

The IDE will show completion suggestions for strings as you type. To see completion suggestions for objects used within your classNames functions, press Ctrl+Space.

Easier customization of project icons

Did you know you can change your project icons? You can do this in the projects list on the Welcome screen. Upload custom icons by right-clicking on any project and selecting Choose Project Icon… from the context menu. We’ve reworked the dialogue window from which you can download your SVG icon to make this process more straightforward.

change-project-icon-webstorm

GPG signature support

You can now sign your commits with a GPG key to secure them. You can enable this feature via Preferences / Settings | Version Control | Git. If it’s your first time using a GPG key, you’ll need to configure it. To use an existing preconfigured GPG key, you can just select it from the drop-down list.

GPG-key-configuration-in-webstorm-settings

Changelists renamed to Changes in new projects

WebStorm has been using Default Changelists as the name for the node that stores all uncommitted changes for quite a while now. In this release, we’ve decided to make the phrasing more precise by using the word Changes instead of Changelists. This update will be available by default in your new projects.

changelists-renamed-to-changes-in-ws-2021-2

Also, the IDE will no longer add changelists automatically for Git operations. For example, a cherry-pick won’t trigger the creation of a changelist. If you prefer automatic creation over the new behavior, you can activate it in Preferences / Settings | Version Control by ticking the Create changelists automatically checkbox.

Other notable improvements

Here are some other important enhancements available in this build:

  • To avoid security issues, we’ve increased the lowest version of Git supported by WebStorm to v2.17.
  • You can now group Git branches by repository when working on them (IDEA-23245).
  • WebStorm now supports the math.div() function in Sass/SCSS (WEB-51021).
  • We’ve added a new Group by Inspection filter to the Problems tool window to help you analyze problems of a specific type faster. You can find it under the eye icon there (IDEA-237881).
  • Code With Me recently launched two new relay servers: one on the west coast of the US and another one in South Africa. This has made the ping almost three times faster.

That’s it for the biggest highlights. For the full list of the latest enhancements available in WebStorm 2021.2 EAP #6, check out the release notes.

The WebStorm team