WebStorm 2023.1 Beta Is Here!

David Watson

WebStorm 2023.1 has reached Beta! To see what has already been added to WebStorm 2023.1, take a look at our previous EAP blog posts.

The Toolbox App is the easiest way to get the build. You can also manually download the build from our website.

DOWNLOAD WEBSTORM 2023.1 Beta

We’d like to thank everyone who has tried the EAP builds and shared their feedback with us! If you’re among those who have tried them but haven’t had a chance to respond yet, please do so via our issue tracker.

Support for the Angular ‘NgOptimizedImage’ directive

The Angular team announced that NgOptimizedImage is stable in Angular 15. To use NgOptimizedImage, you’ll need to add the directive directly to a component, because the directive is marked as standalone. After that, you’ll need to update the necessary <img> tags in the templates and replace src attributes with ngSrc. Using ngSrc allows the directive to control when the src is set, which will trigger an image download.

WebStorm 2023.1 includes an inspection that suggests using ngSrc instead of src for img.

Option to configure HTML code completion

With WebStorm 2021.3, we changed the way code completion works for HTML. Whenever you type a tag name or an abbreviation in the editor, or invoke code completion, WebStorm shows you relevant suggestions right away. Previously, it would only show them if you typed < first.

Some users found this behavior distracting when entering plain text in HTML, so we’ve added an option to disable it. You can find the new option Enable auto-popup of tag name code completion when typing in HTML text in Preferences / Settings | Editor | General | Code Completion.

Allow voluntary .ts suffix for import paths

TypeScript 5.0 introduces the new allowImportingTsExtensions flag, which allows TypeScript files to import each other with a TypeScript-specific extension like .ts, .mts, or .tsx. WebStorm will automatically add the necessary extension to the TypeScript file in the import statement if this flag is added to tsconfig.json.

Option to show whitespaces in highlighted code

There’s a new Selection checkbox in Preferences / Settings | Editor | General | Appearance | Show whitespaces that makes whitespaces show up as small dots when you select code.

For the full list of the latest enhancements available in WebStorm 2023.1 Beta, 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

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!