Las aplicaciones de frontend modernas son cada vez más grandes, más modulares y utilizan TypeScript cada vez más. WebStorm 2026.1 se centra en ayudarle a mantener su productividad en estos entornos, reforzando la base de TypeScript del IDE, ampliando la compatibilidad con el ecosistema de frontend en constante evolución y optimizando aún más el IDE para proyectos a gran escala de React y TypeScript.
Los aspectos más destacados de esta versión incluyen:
importación/exportación de literales de cadena
Además de Junie, Claude Agent y, más recientemente, Codex, WebStorm ahora le permite trabajar con más agentes de IA directamente en el chat de IA.
También puede elegir entre agentes como GitHub Copilot, Cursor y muchos otros compatibles a través de Agente Client Protocol (ACP). El nuevo ACP Registry facilita el descubrimiento y la instalación de estos agentes. En lugar de tener que configurar manualmente las integraciones, puede explorar los agentes disponibles e instalarlos con un solo clic.
Ahora dispone de sugerencias de siguiente edición sin consumir la cuota de IA de su suscripción a JetBrains AI Pro, Ultimate y Enterprise. Estas sugerencias van más allá de la finalización de código tradicional para JavaScript, TypeScript, HTML y CSS. En lugar de actualizar únicamente lo que marca el cursor, aplican de forma inteligente los cambios correspondientes en todo el archivo, para que pueda mantener su código coherente y actualizado con el mínimo esfuerzo.
Esta evolución natural de la finalización de código ofrece una experiencia Tab Tab fluida para que no pierda la concentración.
A medida que crecen los proyectos de TypeScript, mantener un motor de tipos integrado en el IDE que sea preciso y eficaz resulta cada vez más difícil. WebStorm utiliza ahora de forma predeterminada su motor de TypeScript basado en servicios, que se apoya más directamente en el servicio oficial de lenguaje TypeScript para obtener información del código.
Para los desarrolladores que trabajan en proyectos de gran tamaño, esto significa:
El resultado es una experiencia de edición más fluida y menos discrepancias entre lo que informa el IDE y lo que realmente produce la compilación.
Las versiones recientes de TypeScript han introducido varios cambios en los valores predeterminados del compilador que pueden dar lugar fácilmente a diferencias sutiles entre el comportamiento de la compilación y la información del código del IDE.
En WebStorm 2026.1, la configuración del proyecto se alinea con estos cambios. Por ejemplo:
types, evitando la inclusión automática de todos los paquetes de node_modules/@types. rootDir en TypeScript. baseUrl hacia asignaciones explícitas de paths. Estas actualizaciones ayudan a garantizar que lo que se ve en el editor coincida con la forma en que TypeScript resuelve realmente los tipos en el proyecto.
importación/exportación de literales de cadena WebStorm ahora ofrece compatibilidad con los especificadores import y export como literales de cadena, lo que permite nombres de exportación personalizados con información completa del código y compatibilidad con la refactorización.
export { a as "a-b" }; import { "a-b" as a } from "./file.js"; Los proyectos de React se benefician de un resaltado mejorado de las nuevas directivas use memo y use no memo.
Estas directivas ahora se tratan de forma coherente junto con las ya existentes, como use client y use server, lo que facilita la comprensión del comportamiento de los componentes de un solo vistazo.
Las plantillas de Angular se han vuelto más potentes en las últimas versiones y permiten expresiones más complejas directamente dentro del código de la plantilla.
WebStorm ahora es compatible con varias novedades introducidas en las versiones de Angular 21.x, entre las que se incluyen las funciones flecha, las comprobaciones instanceof, las expresiones regulares y la sintaxis de propagación dentro de expresiones de plantilla. Estas capacidades hacen que las plantillas sean más flexibles, al tiempo que se mantiene la compatibilidad total del IDE con la navegación, las inspecciones y la información del código.
WebStorm 2026.1 integra el @vue/typescript-plugin actualizado, lo que mejora la compatibilidad con TypeScript y la información del código dentro de los componentes .vue. Esto mantiene a WebStorm alineado con el ecosistema de herramientas de Vue en constante evolución y garantiza una interoperabilidad más fluida con TypeScript.
Los proyectos de Astro ahora admiten un campo de configuración de JSON que permite pasar ajustes directamente al servidor de lenguaje de Astro. Esto proporciona un mayor control sobre cómo el servidor de lenguaje analiza su proyecto y alinea WebStorm con el creciente ecosistema de Astro.
WebStorm 2026.1 añade compatibilidad con el atributo generics en las etiquetas <script>, lo que permite la navegación, el uso de la refactorización Rename y la búsqueda de utilización de parámetros de tipo genérico. El IDE también introduce compatibilidad con la directiva @attach y actualiza las herramientas de lenguaje Svelte incluidas.
WebStorm ahora entiende la moderna función color() de CSS y reconoce valores en espacios de color predefinidos.
Esto permite vistas previas en color precisas, validación y una compatibilidad mejorada con flujos de trabajo de color avanzados más allá del sRGB tradicional.
Esta versión también incluye considerables mejoras en el rendimiento, las integraciones con el marco de trabajo y la fiabilidad general del IDE. Para ver la lista completa de cambios, consulte las notas de la versión. Actualícese hoy mismo a WebStorm 2026.1 para descubrir las últimas mejoras y no olvide compartir sus comentarios.