WebStorm

Por qué usar WebStorm WebStorm es un entorno de desarrollo integrado (IDE) especializado en JavaScript y en otros lenguajes del ecosistema web (TypeScript, React, Node.js, etc.). Ofrece funciones avanzadas de autocompletado de código, navegación rápida a archivos y métodos, integración con sistemas de control de versiones (VCS), depuración (debugging) y herramientas de refactorización, entre otras características. Estas herramientas hacen que el proceso de desarrollo sea más ágil y productivo, lo que a la larga se traduce en un ahorro de tiempo y esfuerzo.

Importancia de tener la misma configuración Tener la misma configuración de formateo y estilo de código entre todos los desarrolladores del equipo resulta fundamental para:

1. Evitar conflictos en los commits: Cuando varios desarrolladores formatean su código de manera diferente, el control de versiones detecta muchos cambios irrelevantes, lo que complica la lectura de los diffs y puede generar conflictos innecesarios.

2. Mantener la consistencia del proyecto: Un código con un estilo uniforme mejora la legibilidad, facilita la colaboración y permite que cada desarrollador comprenda rápidamente la lógica, independientemente de quién lo haya escrito.

3. Fomentar buenas prácticas: Configurar reglas de estilo y formateo unificadas promueve la calidad del código y refuerza estándares de codificación, lo que se traduce en un proyecto más robusto y ordenado.

Pasos para configurar WebStorm Standard

1. Descarga e instala WebStorm.

2. Abre la ventana de configuración con el atajo de teclado Ctrl + Alt + S.

3. Selecciona la opción de JavaScript.

4. Haz clic en el ícono de la tuerca (consulta la imagen adjunta).

Icono al que hay que dar click, al final de la linea donde esta Scheme y un submenú

1. Elige la opción Importar Schema.

2. Selecciona el archivo adjunto.

3. Renombra el esquema a Default-<fechasinseparadores> (por ejemplo, Default-01012025).

En scheme se puede ver como ya esta el archivo importado con el nombre correcto

1. Selecciona el nuevo esquema.

2. Haz clic en OK y aplica los cambios.

3. Abre un proyecto y presiona el atajo de teclado Ctrl + Alt + L para formatear el código (verás que se aplica el formateo establecido).