Mi entorno de desarrollo, instalaciones y extensiones recomendadas para trabajar con Angular
Esta es una publicación rápida para mostrar cómo tengo configurado mi entorno de desarrollo en cuanto a instalaciones necesarias y extensions recomendadas para trabajar con Angular.
Este no es un tutorial, ni un paso a paso de cómo hacer la instalación de dichas herramientas.
Google Chrome
Personalmente prefiero las herramientas de desarrollo que tiene google chrome.
Visual Studio Code
Visual Studio Code, un editor de texto ligero y rápido, más que un IDE propiamente dicho, pero con un potencial que compite con Sublime. Yo profesionalmente me he encontrado usándolo cada vez más VSC, es Open Source y gratuito, con una comunidad enorme detrás y mantenido por uno de los mejores equipos de desarrollo en Microsoft.
Postman
Una herramienta que principalmente nos permite crear peticiones sobre APIs de una forma muy sencilla y poder, de esta manera, probar las APIs.
Git
Un sistema de control de versiones distribuido gratuito y de código abierto diseñado para manejar todo, desde proyectos pequeños hasta muy grandes, con velocidad y eficiencia.
Node
Entorno de ejecución para javascript construido con el motor v8 de chrome. (Requerido para trabajar con angular)
Node Version Manager (NVM)
NVM una herramienta que me permite tener múltiples versiones de node.
Extensiones de VSCode
Las extensiones son plugins que enriquecen a VSC con mejoras que no tiene por defector y que te ayudan tremendamente en el proceso de desarrollo. EN este caso para trabajar con angular recomiendo las siguientes extensiones:
Activitus Bar
Nos ayuda a ocultar la barra de actividad dejando mas espacio disponible en el editor, y simplemente coloca íconos en la barra de estado.
Bracket Pair Colorizer 2
Esta extensión te pinta en diferentes colores los paréntesis, corchetes y llaves según el nivel de identación facilitándote encontrar las parejas. Es una extensión muy sencillita pero que te facilita mucho la vida.
Angular Snippets
Esta extensión te añade atajos al editor para generar estructuras de código de forma muy rápida con los principales patrones de trabajo y que tú sólo tengas que rellenar los huecos.
Angular Language Service
Permite al editor de código una forma de completar, obtener errores, sugerencias y navegación dentro de las plantillas angular.
Angular Inline
Permite resaltar la sintaxis de html y css cuando la definimos en linea dentro del ts.
Auto Close Tag
Agrega automáticamente la etiqueta de cierre.
Finalmente Angular CLI
La interfaz de línea de comando de Angular CLI . Se utiliza para iniciar, desarrollar y mantener aplicaciones angular.
Conclusión
Es cierto que cada proyecto y cada persona es un mundo, pero con estas herramientas es suficiente para trabajar a gusto con angular.
En cuanto a entorno de desarrollo, mas allá de lo requerido oblogatoriamente por angular (Node por ejemplo), hay un mundo de opciones, ¿hay alguna herramienta o configuración que uses y no he comentado? Anímate a dejar un comentario.
