IDE de apoyo

 

IDE de apoyo

IDE por sus siglas en inglés significa un Entorno de Desarrollo Integrado, el cual debe proveer las siguientes funcionalidades:

• Editor de código fuente: editor de texto que ayuda a escribir el código de software con funciones como el resaltado de la sintaxis con indicaciones visuales, el relleno automático específico del lenguaje y la comprobación de errores a medida que se escribe el código.

• Automatización de compilación local: herramientas que automatizan tareas sencillas e iterativas como parte de la creación de una compilación local del software para su uso por parte del desarrollador, como la compilación del código fuente de la computadora en un código binario, el empaquetado del código binario y la ejecución de pruebas automatizadas.

• Depurador: programa que sirve para probar otros programas y mostrar la ubicación de un error en el código original de forma gráfica.

Está sección no pretenden profundizar en el tema de IDE sino definir el concepto exacto de este, con el propósito de buscar la mejor herramienta para el desarrollo de la aplicación.

Los ingenieros de software comúnmente utilizan herramientas como Visual Studio Code, Sublime Text o Atom por mencionar algunos. Al investigar estas herramientas en su descripción dicen ser editores de código fuente, por lo que dado el concepto anterior no cumpliriran con los requisitos para ser un IDE.

Visual Studio Code. Getting Started. 

Recuperado de: https://code.visualstudio.com/docs

Es normal preguntar ¿Por qué utilizar los IDE? ya que de momento es posible que haya desarrollado sus proyectos y trabajos utilizando únicamente los editores de código fuente.

“Los IDE permiten que los desarrolladores comiencen a programar aplicaciones nuevas con rapidez, ya que no necesitan establecer ni integrar manualmente varias herramientas como parte del proceso de configuración. Tampoco es necesario que pasen horas aprendiendo a utilizar diferentes herramientas por separado, gracias a que todas están representadas en la misma área de trabajo. Esto resulta muy útil al incorporar desarrolladores nuevos, porque pueden confiar en un IDE para ponerse al día con los flujos de trabajo y las herramientas estándares de un equipo. De hecho, la mayoría de las características de los IDE están diseñadas para ahorrar tiempo, como el relleno inteligente y la generación automatizada del código, lo cual elimina la necesidad de escribir secuencias enteras de caracteres.”

RedHat. El concepto de IDE. 

Recuperado de: https://www.redhat.com/es/topics/middleware/what-is-ide

Al investigar se encontró el IDE WebStorm que detalla a continuación.

WebStorm

Aproveche toda la potencia del ecosistema moderno de JavaScript. ¡WebStorm se lo hace posible! Disfrute de finalización de código inteligente, detección de errores sobre la marcha, potente navegación y refactorización para JavaScript, TypeScript, lenguajes de hoja de estilo y los marcos de trabajo más populares.

Permite desarrollar en:

Como se observa incluye el framework en el cuál vamos a trabajar. Ofrece las siguientes herramientas:

• Depurador: Depurar sus aplicaciones del lado del cliente y Node.js fácilmente dentro del IDE: coloque puntos de interrupción directamente en el código fuente, explore la pila de llamadas y sus variables, defina temporizadores y use la consola interactiva.

• Integración de herramientas sin problemas: Aproveche los linters, herramientas de build, ejecutor de pruebas, cliente REST y otras herramientas, todas perfectamente integradas con el IDE. Pero si en cualquier momento necesita un terminal, también está disponible como ventana de herramienta del IDE.

• Pruebas de unidades: Ejecute y depure sus pruebas con Karma, Mocha, Protractor y Jest en WebStorm. Vea los estados de las pruebas inmediatamente en el editor, o en una práctica vista de árbol, desde la que podrá saltar rápidamente a la prueba.

• Integración con VCS: Use una interfaz simple y unificada para trabajar con Git, GitHub, Mercurial y otros VCS. Confirme archivos, revise modificaciones y resuelva conflictos con una herramienta visual de diff/combinar directamente en el IDE.

El software es de pago, sin embargo se obtiene una licencia gratis de un año al utilizar el correo académico.

JetBrains. WebStorm. Recuperado de: https://www.jetbrains.com/es-es/webstorm/features/