Novedades de WebStorm 2022.2

Hemos estado trabajando activamente en la compatibilidad con Angular 14 en WebStorm. La incorporación más importante en esta versión es la compatibilidad con los componentes independientes de Angular. WebStorm ahora reconoce correctamente los componentes, las directivas y tuberías marcados como standalone: true.

WebStorm 2022.2 incorpora mejor compatibilidad con Vue 3. Por ejemplo, ahora entiende el estrechamiento del tipo en las directivas v-if/else. También se ha mejorado la compatibilidad con Pinia, la solución de gestión de estados recomendada por los equipos de Vue que funciona como almacén global. Tanto la finalización como la resolución ahora funcionan en Vue con la biblioteca Pinia, y puede navegar a las propiedades de estado y acciones definidas en el almacén.

WebStorm 2022.2 incluye TypeScript 4.7, que admite nuevas funcionalidades del lenguaje como moduleSuffixes y ESM in Node.js. Insertará automáticamente la extensión .js en la declaración de importación si module está configurado como node16 o nodenext en su archivo tsconfig.json. Además, WebStorm admite el campo typesVersions en los archivos package.json.

La compatibilidad con los flujos de trabajo de desarrollo remoto ya está disponible de forma inmediata con la etiqueta Beta. Puede conectarse a una máquina remota con un backend de IDE en ejecución y trabajar en un proyecto ubicado allí como si estuviera en su máquina local. Para empezar, vaya a la pestaña Remote Development en la pantalla Welcome de WebStorm. Para obtener más información, lea este artículo del blog.

En esta versión, encontrará varias mejoras para trabajar con Docker. WebStorm ahora se conecta automáticamente a Docker cuando se reinicia el IDE. Additionally, there is a new Copy Docker Image action and integration with Colima and Rancher.

WebStorm 2022.2 incluye compatibilidad con conexiones WebSocket. También hemos añadido compatibilidad con solicitudes de GraphQL, haciendo posible el envío de consultas GraphQL a través de los protocolos HTTP y WebSocket. Además, ahora puede seleccionar un entorno de ejecución desde un icono del medianil antes de ejecutarlo.

WebStorm cuenta ahora con la integración automática con JetBrains Space, nuestra solución integral para equipos de software. Puede conectar el IDE a su organización en Space para ver y clonar repositorios de proyectos, escribir scripts complejos que utilicen las API de Space y revisar el código de sus compañeros de equipo.

Al acercarse o alejarse del código dentro del editor, ahora puede ver un indicador que muestra el tamaño de la fuente actual y la opción de volver al tamaño predeterminado.

Hemos introducido la posibilidad de cambiar el tamaño de fuente en todo el editor con un acceso directo de teclado. Ahora puede pulsar Alt+Mayús+. para aumentar el tamaño de fuente. Pulse Alt+Mayús+, para reducirlo.

WebStorm tiene un sinfín de inspecciones que encuentran e informan de los problemas en su código para que pueda mantenerlo sin errores. En la v2022.2, hemos mejorado la forma de configurar el resaltado en el editor para esas inspecciones. Vaya a Preferences / Settings | Editor | Inspections, busque la inspección que necesita y cambie el valor en Highlighting in editor.

Cuando uno de sus archivos se detecta como texto plano y no presenta un resaltado adecuado, WebStorm ahora sugiere restablecer la asociación del tipo de archivo potencialmente no deseado directamente desde el editor, sin tener que ir a Preferences / Settings y configurar los tipos de archivo manualmente.

Ahora puede ir a la configuración de la finalización de código directamente desde la ventana emergente de finalización de código en el editor siempre que necesite cambiar el modo en que funciona el autocompletado.

Las configuraciones de ejecución le permiten ejecutar, depurar y poner a prueba su código. Hemos añadido la opción Current File para que los nuevos usuarios puedan familiarizarse en su uso más fácilmente. Haga clic en el botón correspondiente a su derecha: WebStorm utilizará el tipo de configuración de ejecución más adecuado para el archivo actual, igual que si ejecutara ese archivo desde el menú contextual.

Si trabaja en macOS, ahora puede fusionar todas las ventanas de proyecto abiertas en una sola y convertirlas en pestañas. Para realizar esta acción, vaya a Window | Merge All Project Windows en el menú principal.

Hemos mejorado la forma en que aparece el progreso de Cloning repository en la pantalla Welcome de WebStorm. La barra de progreso ahora se muestra directamente en la lista Projects, lo que la hace más clara y fácil de usar.