Funcionalidades de WebStorm

Codifique más rápido gracias a las sugerencias de símbolos y palabras clave relevantes que se muestran a medida que escribe. Todas las sugerencias tienen en cuenta el contexto y el tipo y funcionan en diferentes lenguajes, es decir, los nombres de clase de CSS se completarán en sus archivos .js con la ayuda del aprendizaje automático.

También puede utilizar la finalización postfix, las plantillas activas y Emmet para aumentar su productividad.

WebStorm facilita la detección de errores tipográficos y ortográficos en su código. Incluye cientos de inspecciones para todos los lenguajes compatibles y un corrector de ortografía y gramática integrado. También se integra con Stylelint y ESLint para una mayor flexibilidad. WebStorm los ejecutará en su código a medida que escriba y resaltará cualquier error directamente en el editor.

Todos los errores y advertencias se notifican en el editor a medida que escribe, con multitud de opciones de arreglos rápido disponibles.

Deje que WebStorm le ayude con su especialidad: refactorizar el código de forma segura en toda la base de código. Puede cambiar el nombre de archivos, carpetas y símbolos, así como extraer componentes, métodos o variables sin preocuparse de estropear nada: WebStorm le informará de cualquier problema potencial.

¿Quiere buscar un símbolo en la documentación? ¡No necesita salir del IDE! Solo tiene que pasar el ratón por ese símbolo o colocar el signo de intercalación sobre él y pulsar Ctrl+Q para ver toda la información relevante. Además, WebStorm le puede mostrar consejos sobre parámetros en las llamadas de métodos y funciones.

Puede previsualizar los archivos HTML estáticos directamente en WebStorm. Los cambios que realiza a un archivo HTML o los archivos CSS y JavaScript vinculados se guardarán, y la vista previa se recarga de forma automática para que pueda ver los cambios.

WebStorm está creado pensando en la productividad, por lo que dispone de muchas ventajas más para ayudarle a codificar más rápidamente. Múltiples símbolos de intercalación, acciones de edición de línea y detección de código duplicado son solo algunas de las funcionalidades que le permitirán ahorrar tiempo.

¿No sabe por dónde empezar? La ventana emergente Search Everywhere (Mayús+Mayús) le ayudará a encontrarlo casi todo en WebStorm. Utilícela para buscar acciones del IDE, archivos, clases, símbolos o cadenas de texto y ver todas las coincidencias en un solo lugar.

WebStorm puede llevarle a declaraciones de símbolo rápidamente y mostrarle sus usos en todo el proyecto. Basta con situar el signo de intercalación en una variable, campo, método o cualquier otro símbolo y pulsar Ctrl+B.

Navegue por todos los archivos del proyecto o salte solo entre sus archivos recientes o las partes de código modificadas: WebStorm recordará con qué ha trabajado y le permitirá volver ahí rápidamente. Utilice las pestañas para navegar o desactívelas y use en su lugar los accesos directos.

Puede utilizar una búsqueda específica para cadenas de texto. Puede buscar y reemplazar cadenas de texto tanto dentro de archivos específicos como en proyectos enteros. Puede restringir la búsqueda a un fragmento de código seleccionado en un archivo utilizando varios ámbitos y filtros del proyecto.

¿Le preocupa introducir algún error durante una operación compleja con Git? Puede comparar ramas, ver diff, resolver conflictos de fusión y mucho más utilizando la interfaz de usuario de WebStorm para dar soporte a sus flujos de trabajo diarios. También puede gestionar proyectos alojados en GitHub directamente desde el IDE.

¿Qué ocurre si se le olvida confirmar un cambio en el control de versiones o elimina accidentalmente algunos archivos? WebStorm tiene una solución: un historial local integrado. Registra todos los cambios realizados en sus archivos del proyecto y le permite revertirlos, incluso si aún no utiliza el control de versiones para su proyecto.

Ejecute y depure aplicaciones del lado del cliente y Node.js justo allí donde edita el código. Añada puntos de interrupción, avance paso a paso por el programa, defina inspecciones y más: todo con una experiencia unificada en diferentes tipos de aplicaciones.

Escriba, ejecute y depure sus pruebas de unidad utilizando Jest, Mocha, Protractor y Vitest. Revise los resultados de las pruebas en una vista de árbol y desplácese a la fuente de la prueba desde ahí. Para Jest, Vitest y Mocha, también puede ver un informe de cobertura de código directamente en WebStorm.

Utilice Prettier para formatear fragmentos de código seleccionados, así como archivos o directorios enteros. Puede configurar WebStorm para que ejecute Prettier automáticamente al guardar y establecerlo como el formateador predeterminado.

Puede ejecutar y depurar sus aplicaciones en contenedores Docker, descargar y compilar imágenes, ejecutar aplicaciones multicontenedor utilizando Docker Compose, y mucho más, todo desde el IDE.

¿Prefiere utilizar la línea de comandos para algunas tareas? El terminal integrado de WebStorm le permite trabajar con el shell de línea de comandos sin salir del IDE. Puede navegar a archivos desde él, y admite los mismos comandos que su sistema operativo.

Pruebe sus servicios web utilizando el cliente HTTP integrado en WebStorm. Puede crear, editar y ejecutar solicitudes HTTP directamente en el editor y compartirlas con todo su equipo.

WebStorm se integra con npm, Yarn y pnpm, lo que le permite utilizar su gestor de paquetes preferido para instalar, localizar, actualizar y eliminar paquetes desde el IDE.

¿Quiere trabajar con herramientas de bases de datos y SQL en WebStorm? Puede añadir compatibilidad con ellos al IDE. Consulte este artículo del blog para obtener más información.

Haga preguntas a la IA sobre su proyecto o itere sobre tareas sin salir del IDE ni tener que copiar y pegar fragmentos de código.

AI Assistant analiza tanto su código como su documentación para generar pruebas para su código. También puede redactar la documentación de una declaración.

AI Assistant es capaz de resumir y explicar el contenido de los diffs en las confirmaciones en lenguaje natural y generar mensajes de confirmación que describan sus cambios.

Utilice peticiones de IA personalizadas que tengan en cuenta el lenguaje y las tecnologías utilizadas en su proyecto, así como los cambios locales y las confirmaciones del sistema de control de versiones.

WebStorm incluye Code With Me, nuestro servicio de desarrollo colaborativo y programación por pares. Puede utilizarlo para codificar en grupo en tiempo real, proporcionar acceso a los puertos de su máquina local y hablar con sus compañeros de equipo directamente desde el IDE.

Aumente su productividad con la funcionalidad de desarrollo remoto. Puede utilizar un cliente local ligero que le proporcione un IDE con capacidad de respuesta para trabajar en cualquier máquina y un servidor remoto que se encargue de todo el procesamiento pesado.

WebStorm incluye algunos temas predefinidos, pero hay varias opciones personalizadas entre las que elegir. También puede activar o desactivar la visibilidad de muchos elementos de la interfaz de usuario y cambiar su posición, o incluso cambiar al modo Zen para concentrarse en su código.

Para ayudarle a mantener la productividad, WebStorm cuenta con accesos directos para casi cualquier acción. Puede utilizar distribuciones del teclado predefinidas o crear una propia. Algunos de los mapas de teclas disponibles son VS Code y Sublime Text.

Amplíe la funcionalidad principal de su IDE y añada más opciones de personalización a las que ya están disponibles. Visite nuestro JetBrains Marketplace para descubrir todos los complementos de WebStorm disponibles.

Añada capacidades similares a las de Vim a su IDE con el complemento IdeaVim. Entre sus funcionalidades se incluyen los modos normal, de inserción y visual, teclas de movimiento, borrado y cambio, marcas y mucho más. Visite nuestro blog para comenzar.

WebStorm incorpora funcionalidades diseñadas para satisfacer sus requisitos de accesibilidad. Gozará de la flexibilidad de ajustar el tamaño de las ventanas de herramientas, el tamaño del texto en el editor, personalizar los colores, personalizar los accesos directos y mucho más. Además de estas funcionalidades, también dispone de compatibilidad con lectores de pantalla.

Puede compartir configuraciones entre sus IDE de JetBrains, para un entorno de trabajo coherente y que le resulte familiar. Puede elegir qué ajustes desea sincronizar, incluidos los de la interfaz de usuario, el código y el sistema, los mapas de teclado, los complementos y las herramientas.