{"id":692393,"date":"2026-03-25T15:59:50","date_gmt":"2026-03-25T14:59:50","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=webstorm&#038;p=692393"},"modified":"2026-03-26T12:16:33","modified_gmt":"2026-03-26T11:16:33","slug":"webstorm-2026-1","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/webstorm\/2026\/03\/webstorm-2026-1\/","title":{"rendered":"WebStorm 2026.1: Service-powered TypeScript Engine, Junie, Claude Agent, and Codex in the AI chat, Framework Updates, and More"},"content":{"rendered":"\n<p>WebStorm 2026.1 is now available!<\/p>\n\n\n\n<p>This release focuses on the everyday web development workflows where IDE support matters most, helping you stay productive in large TypeScript projects, making it easy to keep up with frameworks that evolve quickly, and bringing AI tools into the IDE so you don\u2019t have to switch contexts.<\/p>\n\n\n\n<p>The highlights of this release include:<\/p>\n\n\n\n<p><strong>AI-powered development<\/strong><\/p>\n\n\n\n<ul>\n<li>Junie, Claude Agent, and Codex available directly in the AI chat<\/li>\n\n\n\n<li>ACP Registry for discovering and installing agents<\/li>\n\n\n\n<li>Next edit suggestions<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Better TypeScript support<\/strong><\/p>\n\n\n\n<ul>\n<li>Service-powered TypeScript engine enabled by default<\/li>\n\n\n\n<li>Alignment with TypeScript 6<\/li>\n\n\n\n<li>String-literal <code>import<\/code>\/<code>export<\/code> support<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Frameworks and technologies<\/strong><\/p>\n\n\n\n<ul>\n<li>Highlighting for new React directives<\/li>\n\n\n\n<li>Angular 21 template syntax<\/li>\n\n\n\n<li>Vue TypeScript integration updates<\/li>\n\n\n\n<li>Astro language server configuration<\/li>\n\n\n\n<li>Svelte generics support<\/li>\n\n\n\n<li>Support for modern CSS color spaces<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>This release also includes numerous fixes and quality-of-life improvements to the support for TypeScript, React, Angular, Vue, Astro, Prettier, and more.<\/p>\n\n\n\n<p><strong>Want a guided tour of WebStorm 2026.1?<\/strong> Check out our livestream for a detailed walkthrough of the biggest updates in this release.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"WebStorm 2026.1 Is Out \u2014 Let&#039;s Break It Down Live\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/eyWKDA09ETA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>You can update to WebStorm 2026.1 via the Toolbox App or download it directly from our website.<\/p>\n\n\n\n<p><p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/webstorm\/download\" target=\"_blank\" rel=\"noopener\">DOWNLOAD WEBSTORM 2026.1<\/a><\/p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Highlights<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">AI<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Junie, Claude Agent, and Codex available directly in the AI chat<\/h4>\n\n\n\n<p>Different AI tools are good at different tasks, but switching between them can break your flow. In addition to Junie, Claude Agent, and <a href=\"https:\/\/blog.jetbrains.com\/ai\/2026\/01\/codex-in-jetbrains-ides\/\">most recently Codex<\/a>, you can now choose from more agents in the AI chat, including <a href=\"https:\/\/blog.jetbrains.com\/ai\/2026\/03\/cursor-joined-the-acp-registry-and-is-now-live-in-your-jetbrains-ide\/\">Cursor<\/a>, GitHub Copilot, and dozens of external agents supported via the <a href=\"https:\/\/www.jetbrains.com\/acp\/\" target=\"_blank\" rel=\"noopener\">Agent Client Protocol<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2026\/03\/WS261-agents-selection.png\" alt=\"\" class=\"wp-image-692405\"\/><\/figure>\n\n\n\n<p>With the new <a href=\"https:\/\/blog.jetbrains.com\/ai\/2026\/01\/acp-agent-registry\/\">ACP Registry<\/a>, you can discover available agents and install them in just one click.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2026\/03\/WS261-ACP.png\" alt=\"\" class=\"wp-image-692394\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Next edit suggestions<\/h4>\n\n\n\n<p>Next edit suggestions are now available without consuming the AI quota of your JetBrains AI Pro, Ultimate, and Enterprise subscriptions. These suggestions go beyond traditional code completion for JavaScript, TypeScript, HTML, and CSS. Instead of updating only what\u2019s at your cursor, they intelligently apply related changes across the entire file, helping you keep your code consistent and up to date with minimal effort.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2026\/03\/WS261-Next-edit.mp4\"><\/video><\/figure>\n\n\n\n<p>This natural evolution of code completion delivers a seamless <em>Tab Tab<\/em> experience that keeps you in the flow.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">TypeScript<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">More accurate and responsive TypeScript support<\/h4>\n\n\n\n<p>Large TypeScript codebases put constant pressure on the editor. WebStorm now uses the service-powered TypeScript engine by default, improving correctness while reducing CPU usage in large projects. That keeps navigation, inspections, and refactorings more responsive in everyday work.<\/p>\n\n\n\n<p>Furthermore, if you use the TypeScript Go-based language server, WebStorm now also shows its inlay hints directly in the editor (<a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-75982\/Support-TS-Go-server-hints\" target=\"_blank\" rel=\"noopener\">WEB-75982<\/a>).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">TypeScript 6 support<\/h4>\n\n\n\n<p>Compiler defaults shape how a project behaves, so the editor needs to stay aligned with them. WebStorm 2026.1 follows the TypeScript 6 changes affecting the default <code>types<\/code> value (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-75541\" target=\"_blank\" rel=\"noopener\">WEB-75541<\/a>) and <code>rootDir<\/code> (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-75865\" target=\"_blank\" rel=\"noopener\">WEB-75865<\/a>). It also starts the process of bringing TypeScript config handling into alignment with the direction of TypeScript 7\u2019s changes to <code>baseUrl<\/code> (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-76504\" target=\"_blank\" rel=\"noopener\">WEB-76504<\/a>).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">String-literal <code>import<\/code> and <code>export<\/code> specifiers<\/h4>\n\n\n\n<p>WebStorm now understands string-literal names in <code>import<\/code> and <code>export<\/code> specifiers, so parsing, highlighting, navigation, and refactoring all work as expected for this standards-compliant syntax (<a href=\"https:\/\/youtrack-production.pub.aws.intellij.net\/projects\/WEB\/issues\/WEB-72912\/Support-string-literals-in-import-and-export-specifiers\" target=\"_blank\" rel=\"noopener\">WEB-72912<\/a>, <a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-76597\/Enhancements-for-support-of-string-literals-in-imports-exports\" target=\"_blank\" rel=\"noopener\">WEB-76597<\/a>).<\/p>\n\n\n\n<p>Example:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">export { a as \"a-b\" };\nimport { \"a-b\" as a } from \".\/file.js\";<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Frameworks and technologies<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Support for new React directives<\/h3>\n\n\n\n<p>Directive-based behavior is becoming more common in React, and you need to be able to spot it easily when reading a component. WebStorm now highlights the <code>use memo<\/code> and <code>use no memo<\/code> directives alongside <code>use client<\/code> and <code>use server<\/code> (<a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-75595\/Detection-of-the-use-no-memo-and-use-memo-directives\" target=\"_blank\" rel=\"noopener\">WEB-75595<\/a>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Support for modern Angular template syntax<\/h3>\n\n\n\n<p>Angular templates keep getting more expressive, and the IDE&#8217;s support needs to keep pace. WebStorm 2026.1 adds support for arrow functions (<a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-76240\/Angular-Add-support-for-arrow-functions-21.2\" target=\"_blank\" rel=\"noopener\">WEB-76240<\/a>), the <code>instanceof<\/code> operator (<a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-76528\/Angular-21-Add-support-for-the-instanceof-binary-operator\" target=\"_blank\" rel=\"noopener\">WEB-76528<\/a>), regular expressions (<a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-75718\/Angular-support-regular-expressions-in-templates-21.0\" target=\"_blank\" rel=\"noopener\">WEB-75718<\/a>), and spread syntax (<a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-76241\/Angular-Add-support-for-spread-syntax-in-templates-21.1\" target=\"_blank\" rel=\"noopener\">WEB-76241<\/a>) in Angular 21.x templates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Updated Vue TypeScript integration<\/h3>\n\n\n\n<p>Reliable support in <code>.vue<\/code> files depends on staying in sync with the Vue TypeScript toolchain. WebStorm now uses <code>@vue\/typescript-plugin<\/code> 3.2.4 ensuring compatibility with the latest features (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-75948\" target=\"_blank\" rel=\"noopener\">WEB-75948<\/a>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Configurable Astro language server<\/h3>\n\n\n\n<p>Some Astro projects need more control over language server behavior than the defaults can provide. WebStorm now lets you pass your JSON configuration to the Astro language server directly from the IDE (<a href=\"https:\/\/youtrack.jetbrains.com\/projects\/WEB\/issues\/WEB-75717\/Provide-json-config-in-the-Astro-settings\" target=\"_blank\" rel=\"noopener\">WEB-75717<\/a>).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Improved Svelte support<\/h3>\n\n\n\n<p>Working with typed Svelte components is easier when the IDE understands the framework-specific typing model. WebStorm now supports the <code>generics<\/code> attribute in <code>&lt;script&gt;<\/code> tags, enabling usage search, navigation to declarations, use of the <em>Rename<\/em> refactoring for type parameters, and the parsing of TypeScript constructs in the attribute value.<\/p>\n\n\n\n<p>The IDE now also reports common problems relating to this feature, offers support for the <code>@attach<\/code> directive, and includes updates to the bundled <code>svelte-language-server<\/code> and <code>typescript-svelte-plugin<\/code> packages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Modern CSS color support<\/h3>\n\n\n\n<p>Modern CSS color features are useful only if the editor can validate and preview them properly. WebStorm now supports the <code>color()<\/code> function in swatches and recognizes additional predefined CSS color spaces (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-76615\" target=\"_blank\" rel=\"noopener\">WEB-76615<\/a>).<\/p>\n\n\n\n<p>That means newer color formats get proper previews and validation in the editor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Editor and tooling improvements<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Productivity<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Native Wayland support<\/h4>\n\n\n\n<p>WebStorm now runs natively on Wayland by default. This transition provides Linux professionals with ultimate comfort through sharper HiDPI and better input handling, and it paves the way for future enhancements like Vulkan support.<\/p>\n\n\n\n<p>While Wayland provides benefits and serves as a foundation for future improvements, we prioritize reliability: The IDE will automatically fall back to X11 in unsupported environments to keep your workflow uninterrupted. <a href=\"https:\/\/blog.jetbrains.com\/platform\/2026\/02\/wayland-by-default-in-2026-1-eap\/\">Learn more<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">In-terminal completion<\/h4>\n\n\n\n<p>Stop memorizing commands. Start discovering them. In-terminal completion helps you instantly explore available subcommands and parameters as you type. Whether you&#8217;re working with complex CLI tools like Git, Docker, or <code>kubectl<\/code> or using your own custom scripts, this feature intelligently suggests valid options in real time.<\/p>\n\n\n\n<p>Previously introduced for Bash and Zsh shells, it is now also available in PowerShell.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sunsetting of Code With Me<\/h2>\n\n\n\n<p>As we continue to evolve our IDEs and focus on the areas that deliver the most value to developers, we\u2019ve decided to sunset Code With Me, our collaborative coding and pair programming service. Demand for this type of functionality has declined in recent years, and we\u2019re prioritizing more modern workflows tailored to professional software development.<\/p>\n\n\n\n<p>As of version 2026.1, Code With Me will be unbundled from all JetBrains IDEs. Instead, it will be available on JetBrains Marketplace as a separate plugin. 2026.1 will be the last IDE version to officially support Code With Me, as we gradually sunset the service.<\/p>\n\n\n\n<p>Read the full announcement and sunset timeline in <a href=\"https:\/\/blog.jetbrains.com\/platform\/2026\/03\/sunsetting-code-with-me\/\">our blog post<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Final words<\/h2>\n\n\n\n<p>WebStorm 2026.1 focuses on the places where the IDE\u2019s quality most affects your everyday work, ensuring type checking stays responsive, framework support keeps up with the ecosystem, and your workflows let you stay in the editor instead of switching tools. For the complete list of changes, see <a href=\"https:\/\/youtrack.jetbrains.com\/articles\/WEB-A-233538732\" data-type=\"link\" data-id=\"https:\/\/youtrack.jetbrains.com\/articles\/WEB-A-233538732\" target=\"_blank\" rel=\"noopener\">the full release notes<\/a>.<br>If you try the latest version in a real project, let us know what you like and where you run into trouble. Your feedback is what shapes the next release.<\/p>\n","protected":false},"author":1474,"featured_media":692538,"comment_status":"closed","ping_status":"closed","template":"","categories":[89,907],"tags":[9075],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/webstorm\/692393"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/webstorm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/types\/webstorm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/users\/1474"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/comments?post=692393"}],"version-history":[{"count":9,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/webstorm\/692393\/revisions"}],"predecessor-version":[{"id":693068,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/webstorm\/692393\/revisions\/693068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/media\/692538"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/media?parent=692393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/categories?post=692393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/tags?post=692393"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ja\/wp-json\/wp\/v2\/cross-post-tag?post=692393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}