Instalación y Creación de un proyecto con Angular

Hoy vamos a instalar Angular (Actualmente su ultima versión es la 7) y crearemos nuestro primer proyecto con este maravilloso framework.

La guía de instalación que vamos a seguir es de la página oficial (Angular) y de paso les recomiendo que siempre le den una hojeada ya que tiene MUY buena documentación.

Pre Requisitos

Si queremos instalar Angular necesitamos tener lo siguiente:

Node.js

Lo podemos instalar desde acá (La instalación es fácil, tienen que darle a todo siguiente). La versión que necesitamos es de 8.0 en adelante

¿Por qué necesitamos Node.js?

Node.js nos provee de un manejador de paquetes llamado npm el cual nos permite instalar las dependencias necesarias para nuestra aplicación.

AngularCLI

Para la creación, depuración y publicación de nuestras apps hechas en Angular utilizaremos esta poderosa herramienta.

Para poder instalarlo tendremos que abrir la consola de windows (En caso de linux o mac sus respectivas terminales) y escribimos lo siguiente:

npm install -g @angular/cli

Eso lo que hará será instalar todas las dependencias necesarias para usar AngularCLI en nuestra computadora y ya estará todo listo para poder utilizarlo.

Creación de nuestro primer proyecto

Primero lo primero.. Debemos crear una carpeta en donde contener nuestro proyecto.

Luego abriremos la consola o terminal nuevamente y nos dirigiremos a nuestra carpeta con el comando "cd"

Ejemplo:

Básicamente, con el comando cd le digo a mi terminal donde quiero pararme para crear nuestro proyecto.

Luego, utilizaremos el comando ng new nombreDeNuestroProyecto para crear nuestra app.

ng new app-clima

Nos preguntará si deseamos agregarle un routing, escribimos la letra "y" y presionamos enter.

Luego nos dará a elegir que hoja de estilo usaremos, dejamos en CSS y presionamos enter.

Con esto ya tendremos todo instalado y listo para empezar. En la próxima entrada explicaré un poco como está formado nuestro proyecto en Angular.

Nos vemos en la próxima!