What’s New in WebStorm 2026.1

As TypeScript projects grow, keeping an in-IDE type engine both accurate and performant becomes increasingly difficult. WebStorm now uses its service-powered TypeScript engine by default, relying more directly on the official TypeScript language service for code insight.

For developers working in large projects, this means:

• More accurate type inference.
• Faster code analysis thanks to more efficient CPU usage.
• Better consistency between the IDE and the TypeScript compiler.

The result is a smoother editing experience and fewer mismatches between what the IDE reports and what your build actually produces.

Recent TypeScript releases introduced several changes to compiler defaults that can easily lead to subtle differences between build behavior and the IDE’s code insight.

In WebStorm 2026.1, project configuration aligns with these changes. For example:

• The IDE now follows the updated default behavior for the types option, avoiding the automatic inclusion of all packages from node_modules/@types.
• Project structure assumptions now match TypeScript’s updated rootDir default.
• The IDE's approach to сonfiguration reflects the ecosystem’s shift away from baseUrl toward explicit paths mappings.

These updates help ensure that what you see in the editor matches how TypeScript actually resolves types in your project.

WebStorm now offers support for string-literal import and export specifiers, enabling custom export names with full code insight and refactoring support.

                                    export { a as "a-b" };
                                    import { "a-b" as a } from "./file.js";
                            

React projects benefit from improved highlighting of the new use memo and use no memo directives.

These directives are now treated consistently alongside existing ones, such as use client and use server, making it easier to understand component behavior at a glance.

Angular templates have become more powerful in recent versions, allowing more complex expressions directly inside template code.

WebStorm now supports several additions introduced in the Angular 21.x releases, including arrow functions, instanceof checks, regular expressions, and spread syntax inside template expressions. These capabilities make templates more flexible while preserving full IDE support for navigation, inspections, and code insight.

WebStorm 2026.1 integrates the updated @vue/typescript-plugin, improving TypeScript support and code insight inside .vue components. This keeps WebStorm aligned with the evolving Vue tooling ecosystem and ensures smoother TypeScript interoperability.

Astro projects now support a JSON configuration field that allows you to pass settings directly to the Astro language server. This provides better control over how the language server analyzes your project and aligns WebStorm with Astro’s growing ecosystem.

WebStorm 2026.1 adds support for the generics attribute in <script> tags, enabling navigation, the use of the Rename refactoring, and usage search for generic type parameters. The IDE also introduces support for the @attach directive and updates the bundled Svelte language tooling.

WebStorm now understands the modern color() CSS function and recognizes values across predefined color spaces.

This enables accurate color previews, validation, and improved support for advanced color workflows beyond the traditional sRGB.

This version also includes numerous improvements to performance, framework integrations, and overall IDE reliability. For the complete list of changes, see the full release notes. Update to WebStorm 2026.1 today to explore the latest improvements, and be sure to share your feedback.