WebStorm 2022.1

Verbessert die Unterstützung von Next.js und integriert die Volta-Integration.
April 13, 2022
Neue Version

Funktionen

  • Frameworks & Technologies
    • Better Next.js support - Added support for some framework-specific things, such as pages. The IDE will resolve paths used in the href attribute of your Link components as well as in form and other tags. Code completion, navigation, and refactorings will work, too.
    • Support for Volta - Added proper integration with Volta, a JavaScript tool manager. WebStorm will automatically recognize Yarn and npm installed using Volta.
    • Fixes for Vue - This release comes with several improvements for Vue 3. If you define components globally, the IDE will now recognize them in your .vue files. WebStorm should support the createApp syntax. It will correctly match applications created using createApp with their related elements. Support for Nuxt 3 has been added as well.
    • Improvements for Docker - Reworked the Docker UI in the Services tool window. The makeover has been implemented for containers, images, networks, and volumes. Added support for Docker Registry HTTP API V2 to use with Docker 1.6+. You can create simple or password-protected Docker V2 registries and perform actions like viewing, pushing, and pulling images.
    • Corepack support - WebStorm now supports Corepack, an experimental Node.js tool that lets you use Yarn and pnpm without having to install them.
    • ESM support for webpack configuration - webpack coding assistance will now work with ES modules in your webpack.config.js files.
  • Editor
    • Run commands from Markdown files - README files often describe the steps needed for running an app, and list a bunch of commands to use. This release will let you run those commands right from the README file - just click on the Run icon to the left of the command.
    • Updated Markdown editor floating toolbar - To make it easier to format .md files, the floating toolbar that appears upon text selection has been reworked. In addition to the new design, the toolbar now offers list creation functionality and a dropdown menu that allows you to select header styles.
    • Copy code snippet for Markdown - Added a new Copy code snippet action to Markdown blocks. This will allow you to quickly copy their contents to the clipboard.
    • Dry run mode support in the command-line formatter - The command-line formatter now supports dry run mode to validate project files. If a file needs formatting, it will exit with a non-zero status.
    • Code reformatting in LightEdit mode - You can now reformat your code while in LightEdit mode.
  • JavaScript & TypeScript
    • Improved Structure view - With the Structure view, you can examine your files and jump to their specific parts faster. In this release, examining JavaScript and TypeScript files has been made simpler. The symbols in a file are now presented in a more logical order. Also, WebStorm will now show export icons next to exported symbols to make them easier to distinguish.
    • New cases covered by the Join Lines action - WebStorm lets you join lines or blocks of code using Ctrl+Shift+J. This action now works for nested if statements. WebStorm will also remove redundant braces when you use the Join Lines action on if, while, for-of, and other similar statements with single-lined blocks.
    • Configurable highlighting colors for enums - Added new Enum and Enum member syntax highlighting options. You can find them in Preferences / Settings | Editor | Color Scheme | TypeScript. Their default values are inherited from Class for Enum and from Static member variables for Enum members.
  • User Experience
    • New Notifications tool window - Replaced WebStorm’s Event Log with a new Notifications tool window. It will help you maintain a better overview of notifications from the IDE so you don’t miss anything important.
    • UI improvements for the debugger - To maximize the usable space in the Debugger tool window, the tab labels have been hidden by default. To make them visible again or to customize their location, use the Show Tab Labels option under Layout Settings.
    • Updated Structural Search and Replace dialog - The Structural Search and Replace dialog now features a list of all the templates to make it easier to navigate between them. A Pin Dialog icon has also been added to the upper-right corner of the dialog and the Injected code and Match case checkboxes have been moved to the bottom of the Search template pane.
    • Accessibility improvements - To facilitate navigation in the Log tab, the screen reader now reads the names and descriptions of the branches’ trees. In addition, accessibility support on Apple macOS has been improved. VoiceOver can now also read combo box lists.
    • Ability to split the editor evenly - Added the ability to configure the split tabs to have the same width.
  • Version Control
    • Updated Annotate with Git Blame - Improved the functionality of Annotate with Git Blame to make investigating introduced changes easier. The IDE highlights the differences in lines right in the editor when you hover on an annotation and opens the Log tab under the Git tool window when you click on it.
    • Updated Commit Details pane in Git tool window - The Commit Details pane now includes information about GPG signatures and build status. Previously, this data was shown only as a column in the Git log.
    • Suggested changes in pull request comments - It’s now easier to work with suggested changes in WebStorm. Added the ability to apply or commit changes locally right in the IDE.
Improved Next.js support

WebStorm

JavaScript- und TypeScript-IDE.

WebStorm ist auch verfügbar in:

Sie haben eine Frage?

Live-Chat mit unseren JetBrains-Lizenzierungs-Spezialisten.