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.
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 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
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
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
.tsx. WebStorm will automatically add the necessary extension to the TypeScript file in the import statement if this flag is added to
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 Blog updates
Thanks, we've got you!
WebStorm 2023.3 Early Access Program Is Now Open!
Our 2023.3 Early Access Program is now open! Read our first EAP digest to discover the latest enhancements to WebStorm.
WebStorm 2023.2 Release Candidate Is Here
WebStorm 2023.2 RC is now available! Read about some of the most exciting improvements making it into the release.
WebStorm 2023.2 Beta Is Here!
WebStorm 2023.2 Beta is now available with provide and inject support in Vue, support for GraphQL and WebSocket in the HTTP Client CLI, and more.