WebStorm 2022.3

Adds a new UI preview, Vitest support and project templates for Vite and Next.js.
November 29, 2022
New Version

Features

  • Frameworks and Technologies
    • Updated project templates - Reworked the New Project wizard. This release removes the project templates for AngularJS, Cordova, and Meteor and new project templates have been added for Vite and Next.js, as well as updating the Vue template so it follows the latest standards.
    • Vitest support - Added support for Vitest, a Vite-native unit test framework.
    • Vue updates - Take care of unresolved imports and offer suggestions for importing Vue components.
    • New code snippets for Vue - Added new code snippets, or Live Templates as they are called in WebStorm. You can use them to add common constructs like script setup or export default faster.
    • Type narrowing in Angular templates - Added support for type narrowing in Angular templates, which will provide more precise type information and better code completion suggestions. Additionally, WebStorm now excludes the .angular cache folder from global searches to help provide better search results.
    • Update about Svelte support - Improvements to Svelte support, which is available as a separate plugin, will now be shipped with the new IDE builds, just like for Angular and Vue.
    • Support for new CSS features - This release adds support for new CSS features such as the @supports at-rule, which associates a block of statements with an @supports condition. Viewport units, ranged media queries, container queries, cascade layers, and color modification functions are also now supported.
  • JavaScript and TypeScript
    • Code Vision for JavaScript and TypeScript - The Code Vision feature from Rider and IntelliJ IDEA is now included in WebStorm. Code Vision gathers various metrics for types and type members and displays this information near their declarations.
    • Improved experience with monorepos and TypeScript - Shipped several fixes for working with monorepos and TypeScript in WebStorm. The navigation, auto-import, and rename refactoring features will all now work more reliably. This works for all the popular package managers, including npm, Yarn, and pnpm.
    • Alphabetical sorting intention - Added a new intention to sort JavaScript and TypeScript objects alphabetically. When you run this intention, it will reformat the code for all properties inside an object in alphabetical order.
  • User Experience
    • New UI available via a setting [Beta] - You can now switch to the new UI in Preferences / Settings | Appearance & Behavior / New UI.
    • Option to dock tool windows to floating editor tabs - The option to drag tool windows out of the main window and dock them to floating editor tabs has been added.
    • Improved Search Everywhere results - The algorithm behind the Search Everywhere result list has been fine-tuned to make its behavior more predictable and accurate.
    • New Settings Sync solution - The new Settings Sync plugin is now available for WebStorm. The new solution is capable of syncing most of the shareable settings from the platform, bundled plugins, and some third-party plugins. Please note that support for the old IDE Settings Sync plugin is being discontinued and the Settings Repository is being unbundled.
    • Improved tips of the day - WebStorm’s built-in learning tool, Tip of the Day, has been fine-tuned. Added tip rating functionality and reworked the algorithm for how tips appear. This should make them more relevant to your experience with the IDE and the project you’re working on.
    • Installers for Microsoft Windows and Linux ARM64 [Beta] - It’s now possible to run WebStorm on Windows and Linux machines with ARM64 processors. The IDE installers are in Beta, and they are available from the website or the JetBrains Toolbox App for Windows, and only from the website for Linux.
    • UI improvements for bookmarks - Added several UI improvements for the Bookmarks feature. For example, you can now bookmark files from editor tabs by right-clicking on a tab and selecting Bookmarks from the context menu.
  • Editor
    • Improved copy-cut-paste behavior - Reworked the behavior of the paste action (Ctrl+V). Now when you copy (Ctrl+C) or cut (Ctrl+X) a line without any code selected, the paste action will add the contents of the clipboard above the current line, not at your caret as it did in previous versions. You can disable this behavior in Preferences / Settings | Advanced Settings.
    • Intention action preview - Added new functionality to preview and explain what will happen if you apply the selected action.
    • Vulnerability checker for packages - WebStorm will now detect vulnerabilities in the packages used in your projects by checking the packages against the Checkmarx SCA Database and the National Vulnerability Database. The IDE will highlight packages that are considered vulnerable and suggest fixes where available.
    • Editing improvements for YAML - Added a new quick-fix to suppress inspections with a comment in YAML files, including docker-compose.yml, Kubernetes files, and OpenAPI specifications. A convenient option to fold multiline comments that make up a block of 3 or more lines and start with # has been added.
  • Integrated Developer Tools
    • Improvements for Docker:
      • Added support for connections to Docker that run in Microsoft Windows Subsystem for Linux (WSL).
      • Added a new Pull Docker image intention.
      • Added full support for .dockerignore files and heredoc syntax.
      • Added the ability to set up Docker connections using Docker Contexts.
    • Redesigned Review list for GitHub and Space - Reworked the Review list UI to help reduce cognitive load and provide the most important information about requests at a glance. As part of this, a consistent look and feel across all supported review platforms has been ensured.
    • A new way to work with projects in WSL2 - Added an alternative way to work with projects running in WSL2 file systems. Instead of running a full IDE on Windows, you can launch your IDE backend directly in WSL2. You can then connect to it the same way you would connect to any remote machine when using remote development in WebStorm.
    • New features for the HTTP Client - The HTTP Client now supports script blocks executed before requests. You can generate some data before request execution and put it in the final request using variables. WebStorm now also provides the сrypto API, making your code capable of computing the md5 or sha1 hash values for a HTTP request.
    • Code style improvements for the HTTP Client - The HTTP Client now provides better formatting options for requests with long URLs. You can also use the Put query parameters on separate lines intention action to break the query into smaller fragments over different lines.
Vitest support

WebStorm

JavaScript and TypeScript IDE.

WebStorm is also available in:

Got a Question?

Live Chat with our JetBrains licensing specialists now.