WebStorm 2019.3 viene con un inicio un 20 % más rápido, mejoras importantes en la compatibilidad con Vue.js, finalización de código incluso más inteligente para JavaScript y TypeScript, y muchos errores persistentes resueltos.
Hasta el momento, uno de los problemas de rendimiento más habituales a los que se enfrentan los usuarios de WebStorm ha sido el inicio lento del IDE. En los dos últimos ciclos de lanzamiento, hemos invertido muchos esfuerzos en reducir el tiempo de espera de los usuarios hasta que la ventana de inicio aparezca y hasta que el IDE abra los proyectos indexados. Como resultado, ahora puedes esperar que WebStorm maneje esto un 20 % más rápido que las versiones anteriores.
Para ayudarle a aumentar su velocidad de codificación, WebStorm ahora puede completar de forma automática los nombres de los espacios por usted. Esto funciona para los nombres de los espacios definidos en los componentes del proyecto y las bibliotecas de componentes como Vuetify, Quasar y BootstrapVue.
Además, ahora WebStorm entiende el vínculo entre partes del componente ubicadas en archivos independientes y proporciona sugerencias de finalización precisas para accesorios, datos y métodos no definidos en un archivo .vue único.
Con WebStorm 2019.3, ahora puede consultar la documentación de los componentes y las directivas definidas en Vue.js y otras bibliotecas populares de componentes. Para ello, simplemente pulse F1 en el nombre de un componente o directiva en su código.
WebStorm 2019.3 es compatible con esquemas con Angular 9 y la funcionalidad Plug’n’Play de Yarn 2. Además, le puede ayudar a trabajar con las funcionalidades clave de TypeScript 3.7: encadenamiento opcional, fusión nula y firmas de aserción.
En el caso de los componentes sin propTypes, WebStorm ya no informará de las propiedades no resueltas para props.something
en la definición del componente si se ve que los accesorios se pasan en el uso del componente.
¿Necesita trabajar con un fragmento de código en un lenguaje distinto del principal del archivo? Ahora puede inyectar dichos fragmentos de código en sus archivos, incluidos Pug, Handlebars y EJS, pulsando Alt + Intro.
A medida que añada nuevos nombres para las variables y los parámetros en archivos JavaScript o TypeScript, ahora irá obteniendo sugerencias de nombres en función de los nombres de las clases, las interfaces y los tipos de alias definidos en el proyecto, las bibliotecas estándar y las dependencias que utilice.
En el caso de las variables, las funciones, las clases y las interfaces nuevas, también podrá obtener sugerencias de nombres que ya se usaron en el mismo ámbito, pero que todavía no se han definido y están marcadas como elementos sin resolver.
Si utiliza Bootstrap o cualquier otra biblioteca de CSS en su proyecto y la tiene vinculada desde un CDN en su archivo HTML, ahora puede acceder a la finalización para los nombres de las clases desde esta biblioteca, sin añadir sus fuentes al proyecto. Para activar esta opción, simplemente pulse Alt + Intro en el enlace del archivo HTML y seleccione Descargar biblioteca.
Si clona un proyecto desde un sistema de control de versiones, ahora verá que el diálogo Get from Version Control actualizado se muestra en la ventana de inicio y en el menú VCS.
Con este cambio, nuestro principal objetivo era mejorar la experiencia de recuperar los proyectos de GitHub: ahora puede iniciar sesión en su cuenta de GitHub directamente desde el cuadro de diálogo actualizado. Cuando haya iniciado sesión, podrá explorar la lista de repositorios en su cuenta y las organizaciones a las que pertenece, y clonar proyectos a WebStorm directamente desde aquí.
¿Necesita insertar cambios desde una rama mientras trabaja con la otra? Con esta última actualización, no tendrá que cambiar a la rama desde la que quiere insertar los cambios, sino que, simplemente, la tendrá que seleccionar desde la ventana emergente Branches y pinchar en Push.
Ahora puede realizar confirmaciones directamente desde la ventana de herramientas de Version Control, un diálogo independiente que no bloqueará el resto del IDE. Para ello, marque la opción Commit from the Local Changes without showing a dialog en Preferences/Settings | Version Control | Commit Dialog..
Para resolver una serie de incidencias de usabilidad, hemos reemplazado la acción simple Checkout as... por dos nuevas: una acción Checkout unificada para ramas remotas y la acción New Branch from Selected... tanto para las ramas remotas como para las locales.
¿Necesita lanzar herramientas como npm o Yarn, abrir proyectos recientes o iniciar una configuración de ejecución/depuración? Ahora puede hacerlo desde un único lugar con la acción Run Anything (Ctrl-Ctrl).
Con el nuevo filtro In Selection (Cmd/Ctrl + F dos veces), puede encontrar información específica más rápidamente acotando sus búsquedas a las partes del código seleccionadas en un archivo.
A partir de la versión 2019.3 de WebStorm, el complemento Dart ya no se integrará. Antes esto se solía hacer para acortar los ciclos de lanzamiento; los complementos integrados solo se pueden actualizar con una actualización de todo el IDE. Así que, si utiliza Dart, tendrá que instalar el mismo complemento de Dart desde Preferences/Settings | Plugins.
Si utiliza una herramienta de terceros como Prettier para un proyecto y la configura con el monitor del archivo, es probable que quiera que esta configuración se aplique de forma automática a todos los nuevos proyectos que crea. Ahora puede hacerlo habilitando el monitor del archivo global de forma predeterminada.