Funcionalidades

En esta página obtendrá una visión general de las funcionalidades esenciales disponibles en WebStorm, un entorno de desarrollo integrado para JavaScript y tecnologías relacionadas. Para profundizar más, eche un vistazo a nuestra página de aprendizaje y documentación.

Especializado en JavaScript

¿Busca una herramienta en la que confiar hasta para las partes más complicadas del desarrollo en JavaScript? Para eso sirve WebStorm. Está creado en una plataforma IntelliJ Platform de código abierto desarrollada por JetBrains y ofrece numerosos ajustes que hacen de la programación una experiencia más agradable y productiva.

Experiencia lista para usar

Experiencia lista para usar

WebStorm es directamente compatible con JavaScript, TypeScript, React, React Native, Electron, Vue, Angular, Node.js, HTML, hojas de estilo y muchas otras tecnologías. ¿Qué beneficios obtiene usted? Puede comenzar a programar directamente, sin tener que pensar en instalar ni mantener ningún complemento.

Aparte de las funcionalidades integradas, ¿quiere añadir alguna adicional? Visite nuestro Marketplace de complementos con más de 2500 opciones entre las que elegir.

Entorno dedicado para JavaScript

Entorno dedicado para JavaScript

Ya sea usted un desarrollador de frontend o un desarrollador full-stack que ocasionalmente trabaja en interfaces de usuario, WebStorm le ayudará a centrarse en la pila de tecnología más importante del momento. Obtendrá todas las herramientas para desarrollar aplicaciones de alta calidad con JavaScript.

¿Prefiere utilizar una herramienta para varios lenguajes? Pruebe nuestros otros IDE; incluyen funcionalidades de WebStorm, tanto sin configuración adicional como a través de complementos gratuitos.

Editor inteligente

WebStorm comprende perfectamente la estructura de su proyecto y le puede ayudar en todos los aspectos de la escritura de código. Autocompletará su código, detectará y sugerirá correcciones para los errores y redundancias, y le ayudará a refactorizar el código con seguridad.

Finalización de código

Finalización de código

Programe más rápido con las palabras clave relevantes y los símbolos que se muestran a medida que escribe. Todas las sugerencias tienen en cuenta el contexto y el tipo, y funcionan en diferentes lenguajes; por ejemplo, los nombres de clase de CSS se completarán en sus archivos .js. Para JavaScript y TypeScript, se organizan con la ayuda de algoritmos de aprendizaje automático.

Puede utilizar la finalización Postfix, plantillas activas y Emmet para aumentar incluso más su velocidad de programación.

Más información

Análisis de calidad del código

Análisis de calidad del código

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. También se integra con Stylelint, ESLint y otros linters. 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 usted escribe, y hay varias opciones de arreglos rápidos disponibles.

Más información

Refactorizaciones seguras

Refactorizaciones seguras

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.

Más información

Documentación rápida

Documentación rápida

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

Más información

Vista previa HTML integrada

Vista previa HTML integrada

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.

Más información

¡Y muchos más aceleradores para la edición de código!

¡Y muchos más aceleradores para la edición de código!

WebStorm está creado pensando en la productividad de los desarrolladores, por lo que hay mucho más para ayudarle a programar más rápidamente. Múltiples símbolos de intercalación, acciones de edición de línea y reformateo del código automático; estas son solo algunas de las cosas que puede probar.

Más información

Herramientas de desarrollo integradas

Reduzca los cambios de contexto con todas las herramientas de desarrollo esenciales disponibles directamente en WebStorm.

Depuración de JavaScript

Depuración de JavaScript

Ejecute y depure sus aplicaciones del lado del cliente y Node.js directamente donde edita el código. Coloque puntos de interrupción, avance paso a paso por el programa, defina inspecciones y más: todo con la experiencia unificada en diferentes tipos de aplicaciones, desde JavaScript puro a proyectos TypeScript y Vue.

Más información

Pruebas de unidades

Pruebas de unidades

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

Más información

Integración avanzada de control de versiones

Integración avanzada de control de versiones

¿Le preocupa introducir algún error durante una operación compleja con Git u otro VCS? Puede comparar ramas, revisar y combinar conflictos y mucho más utilizando la interfaz de usuario de WebStorm para respaldar sus flujos de trabajo diarios. También puede gestionar proyectos alojados en GitHub directamente desde el IDE.

Más información

Historial local de cambios

Historial local de cambios

¿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.

Más información

Historial local de cambios

Cliente HTTP integrado

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

Más información

Historial local de cambios

Compatibilidad con linters

Integre WebStorm con linters populares como ESLint, Stylelint o TSLint para ver las advertencias y los errores detectados por estas herramientas directamente en el IDE y corríjalos rápidamente.

Más información

Terminal integrado

Terminal integrado

¿Prefiere utilizar la línea de comandos para algunas tareas? Puede emplear un terminal integrado para trabajar con la shell que prefiera sin salir del IDE.

Más información

Muchas otras herramientas integradas

Muchas otras herramientas integradas

Ejecutores de tareas, npm y muchas otras herramientas también son compatibles. También puede utilizar Projector para ejecutar su IDE en un servidor y programar de forma remota desde un portátil o tablet.

Más información

Navegación y búsqueda

Ahorre tiempo al desplazarse por su base de código, archivos de proyecto y configuraciones del IDE.

Búsquedas fáciles

Búsquedas fáciles

¿No sabe por dónde empezar? La ventana emergente Search Everywhere le ayudará a encontrar casi todo en WebStorm. Utilícela para buscar acciones, archivos, clases o símbolos del IDE y vea todos los resultados en el mismo lugar.

Más información

Exploración de código

Exploración de código

WebStorm puede llevarle a una declaración de símbolo rápidamente y mostrarle sus utilizaciones en todo el proyecto. También le permite ver más fácilmente la definición de un símbolo sin saltar a su declaración, y mucho más.

Más información

Navegación por el proyecto

Navegación por el proyecto

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

Más información

Buscar texto

Buscar texto

Con WebStorm, 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 o utilizar varios ámbitos y filtros del proyecto.

Más información

Trabajo en equipo

Facilite el trabajo en equipo eficaz con funcionalidades de desarrollo colaborativo, integración avanzada con control de versiones y muchas otras opciones; y todo reforzado por la experiencia de desarrollo unificada en todo el equipo.

Búsquedas fáciles

Desarrollo colaborativo remoto

WebStorm incluye Code With Me, nuestro servicio para el desarrollo colaborativo a distancia y la programación en pares. Puede utilizarlo para programar junto a otra persona en tiempo real y hablar con sus compañeros de equipo directamente desde el IDE.

Más información

Funcionalidades para equipos distribuidos

Funcionalidades para equipos distribuidos

Cree y combine solicitudes de incorporación de cambios de GitHub y revise el código, todo sin salir del IDE. Integre con JetBrains Space para ver y clonar repositorios desde ahí, y para hacer revisiones de código.

Más información

Compartir la configuración del proyecto

Compartir la configuración del proyecto

Aplique un estilo de código coherente en todo el equipo y comparta su configuración del estilo de código utilizando la configuración específica del IDE, Prettier o EditorConfig. También puede compartir otras configuraciones del proyecto, como sus configuraciones de ejecución, con otros compañeros.

Más información

Integración con sistemas de seguimiento de incidencias

Integración con sistemas de seguimiento de incidencias

Conecte WebStorm a su sistema de seguimiento de incidencias y trabaje en las tareas asignadas a usted directamente desde el IDE. Registre el tiempo que pasa en una tarea trabajando en el editor para comprender cuánto tarda en completarla.

Más información

Entorno personalizable

Configure todo del modo que le guste con temas de la interfaz de usuario, accesos directos personalizables y complementos.

Personalización de la interfaz de usuario

Personalización de la interfaz de usuario

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.

Más información

Muchos mapas de teclas entre los que elegir

Muchos mapas de teclas entre los que elegir

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. También puede instalar mapas de teclas para otros editores, como Vim, VS Code y Sublime Text.

Más información

Marketplace de complementos

Marketplace de complementos

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 Marketplace de complementos para empezar.

Más información

Compatibilidad con herramientas de bases de datos y SQL

Compatibilidad con herramientas de bases de datos y SQL

¿Quiere trabajar con herramientas de bases de datos y SQL en WebStorm? Aunque no son compatibles de forma nativa, existen varias maneras de añadirlas.

Más información

Accesibilidad

Accesibilidad

WebStorm tiene muchas funcionalidades de accesibilidad para adecuarse a sus necesidades. Puede configurar los colores de los distintos elementos de la interfaz de usuario, cambiar el tamaño de la ventana de herramientas y el tamaño del texto en el editor, ajustar los colores para visión deficiente de los colores rojo y verde, personalizar accesos directos, etc. Los lectores de pantalla también son compatibles.

Más información

Modo de edición de archivos rápida

Modo de edición de archivos rápida

¿Necesita modificar un archivo rápidamente? Utilice el modo LightEdit sin crear o cargar todo el proyecto. El archivo se mostrará en un editor de texto, con algunas funcionalidades básicas disponibles para su uso, como el resaltado de sintaxis o el guardado automático. A continuación, puede volver a todo su proyecto cuando esté listo, en solo unos clics.

Más información