Novedades de WebStorm 2020.2

Marcos de trabajo y tecnologías

Utilizar Prettier como el formateador predeterminado

¿Quiere utilizar Prettier en lugar del formateador integrado para organizar su código? Con esta actualización, se ha vuelto incluso más fácil que antes. Simplemente marque la nueva casilla de verificación On code reformat y el IDE utilizará Prettier cada vez que reformatee archivos .js, .ts, .jsx y .tsx. También se pueden añadir fácilmente otros tipos de archivo.

Obtenga compatibilidad con Nuxt.js

¡Deje que WebStorm le ayude a trabajar con Nuxt.js de manera más productiva! Utilice las funcionalidades de asistencia a la codificación dentro de la sección de plantillas y el archivo nuxt.config.js, consulte la documentación rápida para los componentes Nuxt principales, obtenga la compatibilidad con la Vuex store en sus proyectos Nuxt y más.

Configure rápidamente un estilo de código específico de Vue

Con la configuración de estilo de código específico de Vue, puede elegir qué etiquetas de nivel superior deberían tener su contenido indentado y si la indentación debería ser la misma para todo el archivo Vue o variar según la configuración de lenguaje. También puede cambiar el modo en que las interpolaciones deberían formatearse en su código Vue.

Compatibilidad con Git instalada en WSL 2

Seguimos añadiendo compatibilidad con todos los flujos de trabajo relacionados con WSL necesarios para nuestros IDE. Ahora, si abre un proyecto desde WSL, el IDE cambiará a Git de forma automática en WSL y le permitirá utilizar todas las funcionalidades relacionadas.

Cambios relativos a Vue en los proyectos TypeScript

Hemos mejorado el modo en que el lenguaje TypeScript funciona con los archivos .vue. Ahora se tratan simplemente como archivos .ts o .tsx. Las importaciones de archivos Vue dentro de otros archivos Vue o TypeScript ya no deberían causar ningún problema.

Javascript y Typescript

Ahorre tiempo con las nuevas intenciones

Las nuevas intenciones inteligentes (Alt+Introducir) le ayudará a realizar más rápidamente algunas acciones relacionadas con el encadenamiento opcional y la fusión nula, así como los bucles. Por ejemplo, ahora puede convertir rápidamente un bucle for con un índice numérico en un método de vector forEach.

Mostrar los comentarios JSDoc directamente en el editor

Leer los comentarios JSDoc puede ser complejo a causa de todas las etiquetas que tiene que ver. Para facilitar esta operación, hemos habilitado la opción de mostrar esos comentarios directamente en el editor, eliminando así las distracciones innecesarias.

Empezar la depuración desde ventanas de herramientas

WebStorm ahora le permite iniciar una sesión de depuración desde las ventanas de herramientas Run y Terminal. Por ejemplo, si ejecuta un script como npm start, mantiene pulsado Ctrl+Mayús y hace clic en un enlace http en la salida de ese script, el IDE iniciará una sesión de depuración JavaScript para usted.

Vista previa de elementos mejorada en la depuración

Durante la depuración, verá algunas mejoras en las vistas previas de elementos en la consola integrada. Estas mejoras le proporcionarán más información útil sobre un objeto sin que tenga que expandirlo.

HTML y hojas de estilo

Aproveche una mejor compatibilidad con las reglas @use y @forward

El año pasado, introdujimos una compatibilidad inicial con las reglas @use y @forward utilizadas en Sass y SCSS. Ahora hemos ampliado esta compatibilidad, por lo que puede esperar que WebStorm proporcione finalización inteligente y resolución mejorada para los símbolos importados.

Vista previa de las imágenes WebP en el IDE

A partir de la versión 2020.2, puede previsualizar las imágenes .webp directamente en WebStorm, al igual que puede hacer con los archivos .jpeg o .png. Anteriormente, WebStorm no podía reconocer el formato de imagen .webp, lo que le obligaba a cambiar a otra aplicación cada vez que tenía que ver imágenes de ese tipo.

Control de versiones

Aproveche una compatibilidad total con las solicitudes de extracción de GitHub

En WebStorm 2020.2, hemos ampliado la compatibilidad con las solicitudes de extracción de GitHub para facilitar su utilización. Ahora puede ver y combinar todas los solicitudes de extracción, además de revisar el código, sin tener que salir del IDE.

Rediseño de los cuadros de diálogo para las acciones Git

WebStorm 2020.2 elimina la contaminación visual en los cuadros de diálogo para las acciones Merge, Pull y Rebase. También añade nuevas opciones, como –rebase en el cuadro de diálogo Pull y –no-verify en el cuadro de diálogo Merge.

Haga squash desde el registro para las confirmaciones locales

Ahora puede seleccionar un número de confirmaciones locales en la pestaña Log de la ventana de herramientas Git y reagruparlas en una única con squash. Esta acción está disponible en el menú contextual, que se puede mostrar haciendo clic con el botón derecho.

Edición de código

Identifique los problemas en su código rápidamente

Con el nuevo widget Inspections y la ventana de herramientas Problems, puede obtener información detallada sobre el número de advertencias, errores y otras incidencias en el archivo actual, así como desplazarse entre ellos.

Añada símbolos de intercalación al final de cada línea seleccionada

La nueva acción para trabajar con varios símbolos de intercalación (Alt+Mayús+G) le permite colocar rápidamente símbolos de intercalación al final de cada línea seleccionada en cuanto se hayan añadido todos los símbolos de intercalación.