Early Access Program

WebStorm 2023.1 EAP #6: Actions on Save for New Projects, Convert Strings to Template Literals, and More

WebStorm 2023.1 is fast approaching. Check out what we have for you in our sixth EAP build. To see what has already been added in WebStorm 2023.1, take a look at 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.

DOWNLOAD WEBSTORM 2023.1 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

The most significant improvements available in WebStorm 2023.1 EAP #6 are outlined below.

Please try them out and share your feedback using our issue tracker or by leaving a comment on this blog post.

Setting to configure Actions on Save for new projects

WebStorm 2023.1 adds an option to predefine the behavior of Actions on Save for new projects. For this, go to File | New Projects Setup | Preferences / Settings For New Projects | Tools | Actions on Save and select which actions you want to be triggered when saving changes in your future projects.

gif showing the settings in the IDE

Convert strings to template literals automatically

In WebStorm 2023.1 your single- or double-quoted strings will be automatically transformed into template literals whenever you type ${. This works for raw strings as well as for JSX properties.

using the new convert strings to template literals working

Universal approach to handling file references

We’ve improved the way WebStorm handles references in JavaScript, TypeScript, HTML, CSS, and various frameworks in v2023.1. References are now handled in a more generic way across your projects. For instance, resolving images, CSS, or HTML files now works with path aliases.

showing resolve works now, all our features like rename, show usages should work as expected

Component imports added on copy-paste

When you copy and paste code from one file to another, WebStorm automatically copies and adds all the required imports. This was previously the case with plain JavaScript, TypeScript, and React templates. In WebStorm 2023.1 it now works for Vue, Svelte, Astro, and Angular templates, too.

Gif demonstrating all the import information being added on paste

Better prioritization of imported libraries for auto-import

We’ve improved the IDE’s behavior when adding auto-imports from different libraries with the same exported element name.

A popup with import options is no longer shown if the project already has an import for an element. Auto-imports are now added based on the existing import in the project.

If you need to add an import for an element from another library, the import statement must be added manually. The IDE will then provide a popup with options to make it work like it did in previous versions.

gif showing that on the first import a popup appears but on the second and third it does it automatically

ML-powered search for classes in Search Everywhere enabled by default

To provide you with more relevant and accurate search results, we continue our efforts to integrate machine-learning ranking into the Search Everywhere (Double ⇧ / Double Shift) functionality.

The sorting algorithm in the Classes tab is now also powered by machine learning by default, along with the results in Actions and Files tabs.

Showing the advanced settings that shows Machine Learning is selected by default now for Classes

Improved code review workflow for GitHub

In WebStorm 2023.1, we’ve fine-tuned the process of reviewing code inside the IDE.

Our research found that the most common scenario is when a user goes first to GitHub and then refers to the IDE in cases where it’s necessary to fully browse the code.

To facilitate this workflow, we’ve reworked the Pull Request tool window. It now features a dedicated tab for each pull request you open. The tab instantly displays the list of changed files, but now provides less information than before. This allows you to focus on the current task. There is now also a dedicated button to easily execute the action that’s considered the most important given the pull request’s current state.

Showing the GitHub Pull Request Details view

Option to restore the old copy/cut/paste behavior

We’ve added an option to restore the copy/cut/paste behavior to how it was in earlier versions of WebStorm. This will allow you to paste clipboard contents at the caret, rather than pasting them on the preceding line. You can find the available options under the dropdown menu next to When pasting a line copied with no selection: in Preferences / Settings | Advanced Settings | Editor.

Showing the advanced settings for selecting the paste behavior

For the full list of the latest enhancements available in WebStorm 2023.1 EAP #6, check out the release notes.

As always, your feedback is very important to us, so please try out the new features and let us know your thoughts in the comments below or on Twitter. If you come across a bug, you can submit a report in our issue tracker.

The WebStorm team

image description