Released: Dec 6, 2023

2023.3 での更新項目

機能

Key Highlights

• Improved Angular support - Improved support for strict template type checking in Angular templates. Initial support for the new control-flow syntax from v17 and signals support has also been added, including live templates like signal, computed, and effect. There are also new quick-fixes available with Alt+Enter.
• Updates to the Svelte plugin - Added built-in support for the TypeScript plugin to provide consistent highlighting and quick documentation for TypeScript files in your Svelte projects. A more stable way to automatically import components has been implemented, which works on completion, on copy-paste, and with Alt+Enter. Support for exports from context="module" scripts has also been improved and support for zero-effort type safety has been expanded to cover TypeScript files in addition to Svelte files.
• Improvements for Vue 3 - Added support for defineSlots, providing completion and navigation for the slot name and props, as well as rename refactoring. Completion now also works for properties with defineExpose. Additionally, required imports for components will be added based on the name specified by the defineOptions function.
• AI Assistant is out of preview [General Availability] - JetBrains AI Assistant is now generally available with a number of new and improved features to increase your productivity in JetBrains IDEs. The latest updates include enhanced code generation directly within the editor, a context-aware AI chat that answers project-related queries without requiring you to copy code, and project-aware AI actions that use extended context to provide more comprehensive results. You can use AI Assistant in WebStorm as a supplemental feature with a JetBrains AI Service subscription.
• Cypress and Playwright support - WebStorm will now automatically detect your Cypress and Playwright tests and let you run and debug them with a click of the mouse. The support also includes the ability to explore the results and find issues by navigating the test tree. You can extend the support with the Test Automation plugin, which will provide an embedded browser and advanced code insight.
• Initial support for the Node.js test runner - There's also support for the native Node.js test runner. Tests declared with the node:test API are now recognized, and you can run and debug them via gutter icons.

JavaScript, TypeScript, and CSS

• Improvements for TypeScript - This release solves some of the inconsistencies encountered when adding import type statements. The option to configure the usage of the TypeScript import type statement or type specifier when importing a type has been added. the behavior for the exports field of package.json has also been improved for TypeScript files.
• HTML to JSX single tag closing - When you paste HTML code into a JSX file, it will not only convert attributes but also now automatically close single tags for you. You can configure this option under Settings | Editor | General | Smart Keys | JavaScript.
• CSS custom @property support - The Interop 2023 initiative, introduced the CSS custom @property. WebStorm now supports inspections and completion for properties.
• Support for the .jsonc format - Support is now included for .jsonc format, allowing you to use single-line and multi-line comments in your documents using // and /* */.
• Improved Yarn PnP workspace support - Modules referenced using the workspace: protocol can now be resolved in your Yarn PnP workspaces. The navigation in import statements now works, too.

Integrated Developer Tools

• All-in-one diff viewer - This release introduces a revamped way to review changes. Now, instead of going through each file one by one, you can see all of the modified files from a changeset in a single, scrollable frame. This new diff viewer is compatible with GitLab and GitHub.
• Support for GitLab snippets - Expanding on the GitLab integration introduced in WebStorm 2023.2, support for GitLab snippets has been added. You can now create public or private snippets directly within the IDE.
• Run to Cursor inlay debug option - The new Run to Cursor inlay option allows you to quickly execute up to a specific line of code while debugging. Once your program is suspended, hover over the line of code you want to execute up to and click on the Run to Cursor popup. You can also use this feature with Alt+F9, after the caret has been placed on the desired line.
• HTTP Client improvements - Improved the Structure view for better navigation within large .http files. This update also introduces color-coded labels for request types and provides a more explicit listing of their contents. Support for declaring variables using @ and authentication with OAuth 2.0 password and client credential grant types has also been added.

User Experience

• New product icon for Apple macOS - This release introduces a redesigned product icon for macOS to align it to the standard style guidelines of the operating system.
• Default tool window layout option - Expanded the functionality to save multiple tool window layouts with a Default option, which provides a quick way to revert your workspace's appearance to its default state. This layout can be accessed through the Main Menu | Window | Layouts.
• Option to hide the main toolbar - Implemented an option to hide the main toolbar when using the IDE's default viewing mode. To hide the main toolbar, select View | Appearance from the main menu and uncheck the Toolbar option.
• Color-coded highlighting for editor tabs - To enhance your navigation experience when working with a variety of file types in the editor simultaneously, color-coded highlighting has been reintroduced for editor tabs by default, mirroring their appearance in the Project tool window.
• Speed Search shortcut - The Speed Search functionality, allowing you to quickly navigate within tool windows and dialogs, is now available via a shortcut. Once the focus is placed on a tree or list, you can invoke the search from the tool window's Options menu by pressing Ctrl+F.