Novedades de WebStorm 2024.3

Hemos mejorado los consejos en el editor para componentes de Vue, Svelte y Astro. La acción Show component usages encuentra ahora los usos tanto en las importaciones como en las plantillas de marcado. También hemos añadido el filtro Show Component Usages para excluir los usos de componentes al buscar referencias de archivos normales. La refactorización Rename también se ha actualizado con una opción para incluir usos al renombrar un archivo de componentes.

Las herramientas de base de datos y la compatibilidad completa con SQL, antes disponibles a través de un complemento de pago, ahora se incluyen en WebStorm sin coste adicional. Ahora puede consultar, crear y gestionar bases de datos directamente dentro del IDE. Esto amplía las capacidades de WebStorm para el desarrollo backend y full-stack. También facilita el cambio entre los JetBrains IDE, ya que la mayoría de ellos incluyen esta funcionalidad.

Hemos trabajado para abordar las principales preocupaciones sobre la calidad de AI Assistant. Esta versión mejora la finalización de código para JavaScript y TypeScript y añade la compatibilidad con HTML y CSS. Al combinar las sugerencias locales de línea completa con las sugerencias basadas en la nube de los LLM internos de JetBrains, hemos mejorado la velocidad y la precisión, al tiempo que hemos reducido las sugerencias irrelevantes.

Para obtener más detalles, consulte este artículo del blog.

La vista previa en color para las clases CSS de Tailwind ahora se muestra integrada en el editor, lo que facilita distinguir los colores. Hemos añadido compatibilidad con el método textDocument/documentColor del protocolo de servidor de lenguaje (LSP), por lo que todos los complementos basados en LSP ofrecen ahora esta funcionalidad sin necesidad de configuraciones adicionales.

Para proyectos con Angular 19, WebStorm ahora pasa de forma predeterminada al modo independiente para componentes, directivas y tuberías. Se han añadido arreglos rápidos para ayudar a convertir entre componentes independientes y no independientes. Las importaciones independientes no utilizadas pueden eliminarse de forma automática durante el reformateo del código o mediante una nueva inspección. Se ha mejorado la compatibilidad con la sintaxis @let.

WebStorm ahora gestiona correctamente los archivos .prettierignore en subcarpetas con un package.json, con el fin de garantizar que los archivos ignorados no se formateen. Una nueva opción también le permite especificar archivos ignorados personalizados en Settings | Languages & Frameworks | JavaScript | Prettier.

Vue Language Server se incluye ahora con WebStorm para mejorar la fiabilidad y evitar problemas de carga en WSL. En el futuro, tenemos previsto hacer lo mismo con Svelte, Astro y otras tecnologías.

Hemos añadido la compatibilidad con el atributo <script module>, con el fin de garantizar que los símbolos de estos bloques se resuelven correctamente. Además, hay una nueva casilla para deshabilitar las advertencias de SvelteKit a11y, lo que le ofrece un mayor control sobre las advertencias de accesibilidad.

Hemos optimizado la ubicación de la acción Rename en el menú contextual cuando se le llama en elementos del editor y en la ventana de herramientas Project. La acción se encuentra ahora en el nivel superior, lo que facilita el cambio rápido de nombre de archivos, variables y otros elementos.

WebStorm ahora excluye los resultados node_modules de forma predeterminada al utilizar Find in Files en los directorios del proyecto, lo que reduce el desorden de archivos irrelevantes. Puede restaurar el comportamiento anterior habilitando la opción Search in library files when “Directory” is selected in Find in Files en Settings | Advanced Settings.

De forma predeterminada, WebStorm ahora destaca automáticamente todas las instancias del texto que selecciona dentro de un archivo. Esto facilita efectuar un seguimiento de los lugares en que aparece su texto seleccionado en su código. Puede personalizar la funcionalidad en Settings | Editor | General | Appearance.

Anteriormente, la carpeta .idea ―un lugar donde WebStorm almacena ajustes de configuración adicionales― estaba oculta de forma predeterminada. Esto les dificultaba a algunos usuarios confirmar configuraciones en todo el proyecto. Para abordar este problema, la hemos hecho visible en la ventana de herramientas Project.

WebStorm excluye ahora automáticamente de la indexación los archivos innecesarios de la carpeta dist para optimizar el uso de la CPU y reducir el tiempo de indexación.

Ahora puede gestionar las comprobaciones en segundo plano durante el proceso de confirmación con una nueva opción en Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done. Este ajuste le permite decidir si deben ejecutarse pruebas e inspecciones después de realizar una confirmación. Si desea esperar a que se completen estas comprobaciones, simplemente desactive esta opción.