Les applications frontend modernes sont de plus en plus volumineuses, plus modulaires et tendent à utiliser davantage TypeScript. WebStorm 2026.1 permet de rester plus productif dans ces environnements en renforçant la base TypeScript de l'IDE, en élargissant la prise en charge d'un écosystème frontend en pleine évolution et en optimisant encore plus l'IDE pour les grands projets React et TypeScript.
Points clés de cette version :
import/export pour les littéraux de chaîne
En complément de Junie, Claude Agent, et plus récemment Codex, WebStorm vous permet désormais de travailler avec davantage d'agents d'IA directement dans le chat IA.
Vous disposez également d'un large choix d'agents, tels que GitHub Copilot, Cursor et de nombreux autres, pris en charge grâce à l'Agent Client Protocol (ACP). Le nouveau registre ACP simplifie la découverte et l'installation de ces agents. Au lieu de configurer manuellement les intégrations, vous pouvez parcourir les agents disponibles et les installer en un seul clic.
Les suggestions de prochaine modification sont désormais accessibles sans consommer le quota d'IA de votre abonnement JetBrains AI Pro, Ultimate ou Enterprise. Elles vont au-delà de la saisie semi-automatique de code traditionnelle pour JavaScript, TypeScript, HTML et CSS. Au lieu de mettre à jour uniquement ce qui se trouve sous votre curseur, elles appliquent intelligemment les modifications connexes à tous les niveaux du fichier et vous aident ainsi à maintenir votre code cohérent et à jour avec un minimum d'effort.
Cette évolution naturelle de la saisie semi-automatique offre une expérience fluide via Tab Tab qui vous permet de rester concentré.
Plus les projets TypeScript prennent de l’ampleur, plus il devient difficile de conserver un moteur de types dans l’IDE qui soit à la fois exact et performant. WebStorm utilise désormais son moteur TypeScript basé sur les services par défaut, qui utilise plus directement le service de langage TypeScript pour l'analyse du code.
Pour les développeurs travaillant sur des gros projets, cela se traduit par une :
Cela permet de profiter d'une expérience d'édition plus fluide et de réduire les discordances entre ce que l'IDE signale et ce que votre build produit réellement.
Les versions récentes de TypeScript ont introduit plusieurs modifications des valeurs par défaut du compilateur qui risquent de créer de légères discordances entre le comportement du build et l'analyse du code par l'IDE.
Dans WebStorm 2026.1, la configuration du projet s'aligne avec ces modifications. Par exemple :
types, ce qui évite l'inclusion automatique de l'ensemble des paquets de node_modules/@types. rootDir. baseUrl au profit de mappages paths explicites. Ces mises à jour permettent de s'assurer que ce que vous voyez dans l'éditeur correspond bien à la façon dont TypeScript résout les types dans votre projet.
import/export pour les littéraux de chaîne WebStorm prend désormais en charge les spécificateurs import et export sous forme de littéraux de chaîne. Vous pouvez ainsi utiliser des noms d'exportation personnalisés tout en ayant accès à une prise en charge complète de l'analyse du code et des refactorisations.
export { a as "a-b" }; import { "a-b" as a } from "./file.js"; Les nouvelles directives use memo et use no memo sont désormais mieux mises en évidence dans les projets React.
Ces directives sont désormais traitées de façon cohérente par rapport aux directives existantes, telles que use client et use server, ce qui permet de saisir plus facilement le comportement des composants.
Les templates Angular sont devenus plus puissants dans les versions récentes, ce qui permet de créer des expressions plus complexes directement dans le code du template.
WebStorm prend désormais en charge plusieurs ajouts introduits dans les versions Angular 21.x, avec notamment les fonctions flèche, les vérifications instanceof, les expressions régulières et la syntaxe spread dans les expressions du template. Ces fonctionnalités rendent les templates plus flexibles tout en préservant la prise en charge de l'IDE pour la navigation, les inspections et l'analyse du code.
WebStorm 2026.1 intègre la version mise à jour de @vue/typescript-plugin, ce qui améliore la prise en charge de TypeScript et de l'analyse de code dans les composants .vue. Cela permet d'aligner WebStorm sur l'écosystème évolutif d'outils Vue et assure une interopérabilité plus fluide avec TypeScript.
Les projets Astro prennent désormais en charge un champ de configuration JSON qui permet de transférer des paramètres directement au serveur de langage Astro. Cela offre davantage de contrôle sur la façon dont le serveur de langage analyse votre projet et aligne WebStorm sur l'écosystème Astro en pleine croissance.
WebStorm 2026.1 ajoute la prise en charge de l'attribut generics dans les balises <script>, ce qui permet la navigation, l'utilisation de la refactorisation Rename et la recherche d'utilisations pour les paramètres génériques de type. L'IDE introduit également la prise en charge de la directive @attach et met à jour les outils de langage Svelte intégrés.
WebStorm comprend désormais la fonction CSS color() moderne et reconnaît les valeurs dans des espaces de couleur prédéfinis.
Cela permet de créer des aperçus de couleur réalistes, de procéder à la validation et d'améliorer la prise en charge pour des workflows de couleurs avancés, qui vont au-delà des sRVB traditionnels.
Cette version inclut également de nombreuses améliorations des performances, des intégrations de framework et, plus globalement, de la fiabilité de l'IDE. Pour consulter la liste complète de modifications, voir les notes de publication complètes. Procédez à la mise à jour vers WebStorm 2026.1 dès maintenant pour explorer les dernières améliorations et n'hésitez pas à nous faire connaître vos retours.