Fixes

• Fixed the issue that was causing WebStorm to flicker after changing the screen brightness on Macs.
• Fixed the issue causing WebStorm to crash when disconnecting a second monitor cable on Macs.
• The “prettierApi.resolveConfig.sync is not a function” error no longer occurs when running the Reformat with Prettier action.
• WebStorm no longer throws the “Unknown pseudo selector ‘deep'” error with :deep selector.

Fixes

• Fixed the bug with ESLint 8.23.0 where WebStorm was failing with the error TypeError: this.libOptions.parse is not a function.
• Fixed the issue with failing tests when using Jest and Angular 14.
• WebStorm no longer ignores your choice when selecting a tab for debugging with the Attach to Node.js/Chrome run configuration.
• Props and actions from a Pinia store will now be resolved in the template section when using the script setup syntax.

Features

• Improved Vite support.
  • Webstorm now supports Vite aliases and comes with a new section for tweaking how you want Vite configuration files to be detected. You can choose between automatic and manual options or choose not to detect Vite configuration files.
• The .vue extension is now included in import statements that have been added manually in projects with Vue and TypeScript.

Fixes

• Angular Schematics and the Extract Component refactoring should now work as expected with Angular 14.
• Fixed regression bugs with the Terminal tab names.
• Fixed the issue causing incorrect preview rendering of Mermaid diagrams containing non-ASCII characters.
• Fixed the issue causing incorrect type inference of the storeToRefs method from Pinia.

Features

• Frameworks and Technologies
  • Support for Angular standalone components - Added support for Angular standalone components. WebStorm now properly recognizes components, directives, and pipes marked as standalone: true.
  • Updates for Vue 3:
    • Improved support for Vue 3 - WebStorm now understands type narrowing in v-if/else directives.
    • Improved support for Pinia - Both completion and resolve now work in Vue with the Pinia library and you can navigate to state properties and actions defined in the store.
  • TypeScript 4.7 support - WebStorm now comes bundled with TypeScript 4.7, supporting new language features like moduleSuffixes and ESM in Node.js. It will now automatically insert the .js extension into the import statement if module is set to node16 or nodenext in your tsconfig.json file. Additionally, WebStorm now supports the typesVersions field in package.json files.
  • End of AngularJS support - As AngularJS has now reached the end of its support, JetBrains will no longer actively maintain it in WebStorm. Support for AngularJS will still be available in WebStorm and other JetBrains IDEs, either out of the box or via the Angular and AngularJS plugin.
  • Unbundled plugins - Support for the following technologies have been unbundled, as they weren’t actively used: Cordova and PhoneGap, Meteor, Spy-js, and XPathView and XSLT. Support for these technologies will remain available as standalone plugins. You can install them via Preferences / Settings / Plugins.
• Integrated Developer Tools
  • Built-in remote development workflows - Added support for remote development workflows out of the box under the Beta label. You can connect to a remote machine with an IDE backend running and work on a project located there as if it were located on your local machine.
  • Improvements for Docker - In this release, you’ll find several improvements for working with Docker. WebStorm now automatically connects to Docker when you restart the IDE. Additionally, there is a new Copy Docker Image action and integration with Colima and Rancher.
  • New features for the HTTP client - This release includes support for WebSocket connections. Support for GraphQL requests has also been added, making it possible to send GraphQL queries over HTTP and WebSocket protocols. Additionally, you can now select a run environment from a gutter icon before you run it.
  • Bundled JetBrains Space integration - WebStorm now has built-in integration for JetBrains Space. You can connect the IDE to your organization in Space to view and clone project repositories, write complex scripts that use Space APIs, and review your teammates’ code.
• Editor
  • Font size indicator on zooming - When you zoom into or out from your code within the editor, you can now see an indicator that shows the current font size and the option to revert it back to the default.
  • Shortcut to change the font size globally - Added the ability to change the font size across the whole editor with a keyboard shortcut. You can now press Alt+Shift+. to increase the font size. Press Alt+Shift+, to decrease it.
  • Enhanced configuration for highlighting problematic code - Improved the way you configure in-editor highlighting for inspections that find and report problems in your code so you can keep it error-free.
  • New notification panel for tuning file type associations - When one of your files is detected as plain text and doesn’t feature proper highlighting, WebStorm now suggests resetting the potentially unwanted file type association right from the editor, without going to Preferences / Settings and configuring the file types manually.
  • Faster access to code completion settings - You can now jump to your code completion settings right from the code completion pop-up in the editor whenever you need to change how autocompletion works.
  • Clickable URLs in JSON and YAML string values - JSON and YAML files now have web references automatically inserted inside values starting with http:// and https://. You can open such links in a web browser using Ctrl+B.
  • New setting to disable automatic block comment closure - Added the option to disable automatic block comment closure after you press Enter. You can find this option under Preferences / Settings | Editor | General | Smart Keys.
• User Experience
  • A new way to run the current file - Added the Current File option to make it easier for new users to get started with Run configurations. Click the corresponding button to the right of it - WebStorm will use the run configuration type best suited for the current file, just as if you were to run that file from the context menu.
  • Merge All Project Windows action on Apple macOS - If you’re on macOS, you can now merge all open project windows into one, turning them into tabs.
  • Cloning repository progress bar on the Welcome screen - Improved the way the Cloning repository progress appears on WebStorm’s Welcome screen. The progress bar is now shown right in the Projects list, making it clearer and easier to use.
  • Updated JetBrains Runtime - Changed the runtime to JetBrains Runtime 17 (JBR17), which should result in better performance, security, and accessibility.
  • Description field for mnemonic bookmarks - There’s a new description field in the Add Mnemonic Bookmark dialog that you can call with Alt+F3. This will allow you to add a description to your mnemonic bookmarks.