Early Access Program

WebStorm 2023.1 Beta Is Here!

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.


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.

Use ngSrc popup

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.

Showing the WebStorm settings for 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.

Allow .ts suffix for import paths

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.

Showing the white space settings and then what the dots look like in the editor

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

image description