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.

Te ha gustado el Post? o crees que hay algo pueda mejorar? no dudes en dejarlo en los comentarios!. Puedes estar en contacto conmigo en mis cuentas de Twitter, facebook y LinkedIn.☺

¡Compártelo!

Siéntete libre de compartir 😄 Y recuerda que puedes aplaudir más de una vez!

Developer | Web | Mobile | Ionic | TypeScript | JavaScript | Angular | UI | UX | Git | Html | CSS | Agile | Frontend | PWA. Always in Learning mode…

Developer | Web | Mobile | Ionic | TypeScript | JavaScript | Angular | UI | UX | Git | Html | CSS | Agile | Frontend | PWA. Always in Learning mode…