Novedades de WebStorm 2024.1

WebStorm 2024.1 incluye líneas adhesivas para ayudarle a navegar por archivos de gran tamaño sin perder el contexto. Esta funcionalidad fija los elementos estructurales clave, como las declaraciones de funciones o clases, en la parte superior de su editor a medida que se desplaza. Puede personalizar la funcionalidad en Settings | Editor | General | Appearance.

La ventana emergente de documentación rápida incorpora una funcionalidad mejorada en WebStorm 2024.1. Admite el resaltado de sintaxis para bloques de código y se integra en los resultados de la finalización. Ahora muestra los miembros de la interfaz, las constantes enum y los cuerpos de los alias de tipo. Puede utilizar el enlace Show more para acceder a la lista completa de miembros del tipo y navegar entre varias declaraciones utilizando el control de paginación.

Hemos añadido un nuevo tipo de finalización de código: sugerencias de una sola línea en tonos grises que completan las líneas basándose en el contexto del archivo actual. Estas sugerencias se basan en modelos lingüísticos especializados y entrenados para diferentes lenguajes y marcos de trabajo. Esos LLM se ejecutan localmente sin enviar ningún código por Internet. Esta funcionalidad está incluida en la suscripción a la licencia estándar de WebStorm.

Vue Language Server ahora está habilitado de forma predeterminada para todos los proyectos Vue, incluidos los basados en Nuxt. Tiene algunas limitaciones conocidas en proyectos Vue 2. Si trabaja con ellos, puede optar por no utilizar el servidor en Settings | Languages & Frameworks | TypeScript | Vue.

WebStorm ofrece ahora sugerencias en el editor para el uso de componentes en archivos Vue, Svelte y Astro. Esto le ayudará a localizar rápidamente todos los usos de un componente específico en cualquier parte del proyecto.

Encontrará el nuevo widget Language Services en la barra de estado, que le proporcionará información sobre los servicios lingüísticos activos para el archivo y el proyecto actuales. Puede reiniciar los servicios o navegar hasta su configuración directamente desde este widget.

La versión 2024.1 incorpora un motor TypeScript experimental, que puede activarse a través de Settings | Languages & Frameworks | TypeScript. El objetivo del nuevo motor es resolver los problemas de compatibilidad y mejorar el rendimiento. El nuevo enfoque se aplica actualmente en TypeScript y Vue. Para obtener más información, consulte este artículo del blog.

WebStorm 2024.1 incorpora varios arreglos rápidos nuevos para React que le permiten crear accesorios y estados sobre la marcha. Puede aplicar estos arreglos rápidos utilizando el atajo Alt+Intro. Consulte este artículo del blog para obtener más información.

La ventana de herramientas Structure muestra ahora los componentes y vínculos de React, junto con la estructura JSX, incluidos los nodos para el renderizado condicional y de listas. Además, se admiten bibliotecas basadas en JSX como Preact y Solid.

WebStorm 2024.1 mejora el proceso de revisión de código para los usuarios de GitHub y GitLab. El nuevo modo de revisión resalta los cambios con marcadores morados en el medianil, visibles para autores y revisores. Puede participar en debates directamente dentro del editor haciendo clic en los iconos + o Message para iniciar nuevos debates o ver y responder a los comentarios.

WebStorm 2024.1 incorpora la finalización automática para contextos de GitHub Actions, incluidos github.*, env.*, steps.* e inputs.*. También hemos añadido la finalización de las propiedades de configuración image y main de Docker.

WebStorm 2024.1 simplifica la revisión del código con una vista centrada en los cambios relacionados con las ramas. Para GitHub y GitLab, puede hacer clic en el nombre de la rama en la ventana de herramientas Pull Requests y seleccionar Show in Git Log en el menú. Esto abrirá la pestaña Log y mostrará todos los cambios de una rama.

WebStorm 2024.1 incorpora compatibilidad con las reacciones a los comentarios de revisión para solicitudes de incorporación de cambios de GitHub y solicitudes de fusión de GitLab. Ahora puede seleccionar entre un conjunto de emojis para añadir reacciones a sus comentarios de revisión de código.

Hemos implementado una nueva interfaz de usuario de terminal, que está disponible a través de Settings | Tools | Terminal | Enable New Terminal. Los comandos se presentan ahora en bloques diferenciados, lo que facilita la navegación mediante las teclas de dirección o los accesos directos de teclado (Ctrl+↑ y Ctrl+↓). Además, puede disfrutar de la finalización de código para comandos, rutas, argumentos y opciones. Consulte este artículo del blog para obtener más información.

WebStorm 2024.1 ofrece un flujo de trabajo más cómodo para establecer puntos de interrupción en las líneas. Una vez que haya establecido un punto de interrupción haciendo clic en el medianil, el IDE mostrará automáticamente marcadores inline en los que se pueden establecer puntos de interrupción adicionales. Cada punto de interrupción puede configurarse de forma independiente, desbloqueando capacidades avanzadas de depuración.

En WebStorm 2024.1, hemos ampliado las opciones de escalado del IDE. Ahora, puede reducir el IDE hasta el 70 %, además del rango anterior del 100 % al 200 %. Esto facilitará el ajuste del tamaño de la interfaz de usuario para que quepa más contenido en el espacio.

El cliente HTTP ahora utiliza Netty como biblioteca de red de bajo nivel, lo que nos permite implementar la compatibilidad con HTTP/2 en el cliente HTTP. Además, hay nuevas opciones de autenticación, incluidos los flujos PKCE Authorization Code y Device Grant, junto con una compatibilidad mejorada con las solicitudes de token y autenticación.