Novedades de WebStorm 2019.2

Javascript y Typescript

Nueva interfaz de la ventana emergente de finalización

La ventana emergente de finalización ha recibido un aspecto más pulido.

La presentación de sugerencias de finalización en JavaScript y TypeScript es más clara y coherente. Ahora es más fácil encontrar la definición de un símbolo y si forma parte de un lenguaje API estándar o no. También ha cambiado el icono de los símbolos con múltiples definiciones.

Nuevas intenciones inteligentes

Con la nueva intención Propagate to destructuring (Propagar a desestructuración) (Alt-Intro), podrá reemplazar esa variable adicional con otra desestructuración si es posible. Para eliminar completamente una desestructuración, utilice la acción de intención llamada Replace destructuring with property or index access (Reemplazar desestructuración con acceso al índice o a propiedades).

El IDE le avisará si una expresión booleana en una condición tiene partes innecesarias y le sugerirá una forma simplificada.

Refactorización Rename mejorada

Ahora, al cambiar el nombre de un símbolo en JavaScript o TypeScript, el IDE agrupa usos dinámicos y, por defecto, los excluye de la refactorización. De esta forma, la refactorización es más precisa y le ofrece mayor control sobre qué, específicamente, hay que cambiar de nombre en la ventana de herramientas de Refactoring Preview (Vista previa de la refactorización).

Vue.js

Mejor compatibilidad con bibliotecas de componentes de Vue.js.

¿Está usando Vuetify, BootstrapVue o Quasar en su aplicación Vue.js? La finalización de código para componentes y sus accesorios, en concreto a partir de las bibliotecas de componentes Vue, es ahora más precisa. Esto ha sido posible gracias a un nuevo enfoque adoptado para trabajar con estas bibliotecas en el IDE.

Edición de código

Resaltado de sintaxis para más de 20 lenguajes

¿Tiene que revisar, en alguna ocasión, archivos de PHP o de Python en WebStorm? Ahora, el resaltado de sintaxis está disponible para estos y otros lenguajes, sin necesidad de ninguna configuración adicional, gracias a la serie de archivos de gramática de TextMate que se incluyen con el IDE.

Finalización de palabras clave y de nombres mal escritos

¿Alguna vez, sin querer, ha escrito funcion o fucnión en vez de función? Ahora, la finalización de código puede entender este tipo de errores y le sugerirá la opción más relevante. Esto sirve para todo tipo de lenguajes compatibles y para todos los símbolos: palabras clave, clases, funciones, componentes, etc.

Compatibilidad con scripts de shell

Ahora WebStorm le puede ayudar a trabajar con scripts de shell. La finalización de código funciona con archivos .sh y .bash y hay disponible una nueva configuración de ejecución, además de que el IDE se integra con ShellCheck para realizar análisis lint y shfmt para dar formato al código.

Buscando código duplicado

Con la nueva inspección Duplicate code fragment (Fragmento de código duplicado), podrá encontrar los códigos duplicados en el proyecto. Verificará su código sobre la marcha y resaltará duplicados potenciales de forma inmediata en el editor. Funciona en JavaScript, TypeScript, CSS, Sass, SCSS y Less.

IDE

Estilo de código para una carpeta con EditorConfig

Ahora puede mantener distintos estilos de código en distintas partes de sus proyectos con solo añadir varios archivos .editorconfig. Además de las opciones estándar de EditorConfig, que hace tiempo que son compatibles, ahora puede usar propiedades específicas de IDE que cubren todas las opciones de estilo de código de IDE.

Abra varios proyectos en una sola ventana

Cuando tenga un proyecto abierto en WebStorm y quiera abrir otro, ahora podrá adjuntar este segundo proyecto al que está abierto, de manera que vea ambos en la misma ventana de IDE. Si quiere cerrar el proyecto adjunto, haga clic derecho en la raíz, en la vista de proyecto, y seleccione Remove from Project View (Quitar de Vista de proyecto).

Configuración de complemento actualizada

Gracias a la actualización de las preferencias del entorno de desarrollo integrado de la página Plugin (Complemento), ahora es más fácil encontrar el complemento que necesita, ya que la descripción aparece junto a la lista de complementos disponibles. Hemos eliminado la pestaña Updates (Actualizaciones), pero hemos añadido un nuevo botón Update (Actualizar) junto al complemento, en la sección Installed (Instalados).

Para deshabilitar o volver a habilitar los complementos descargados, haga clic en el icono de la rueda dentada y elija la opción adecuada.

Control de versiones

Finalización en .gitignore

En archivos .gitignore, el IDE ofrece sugerencias de código para los nombres de archivos y carpetas. Pulse Cmd o Ctrl + clic sobre el nombre para ir directamente a ese archivo o carpeta en la vista de proyecto. Ahora podrá añadir rápidamente un archivo a .gitignore desde la pestaña Local Changes (Cambios locales): haga clic derecho en el grupo de archivos sin versión y seleccione Add to .gitignore (Añadir a .gitignore).