Cómo crear un proyecto nuevo con Angular.

[Actualización 25-10-2020] – Aquí tenéis el proceso de creación actualizado con la creación de un proyecto de Angular 10 en un video de youtube que he publicado en mi canal, echadle un vistazo y suscribíos!

Aqui tenéis, como ya teníamos, el proceso con Angular 7, son muy parecidos en realidad.

Ya tenemos con nosotros angular 7, parece que fue ayer cuando lanzaron angular 6 y ya tenemos aquí a su sucesor. Bueno, en realidad hace solo unos meses que se lanzó angular 6, pero bueno, los chicos de Angular no quieren que nos durmamos en los laureles y aquí nos han dado una nueva major release.

En primer lugar cabe destacar que Angular 7 es la versión del framework más rápida hasta el momento, en cada versión una de las principales preocupaciones del equipo de desarrollo es hacer la compilación de los paquetes más rápida.

Instala la versión del CLI

En primer lugar, si eres desarrollador de angular tendrás un follón de versiones de padre y muy señor mío, así que instálate Node Version Manager alma de Dios (nvm), si no lo tienes instalado pon esto en tu terminal de Mac o Linux.

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash 

Una vez que ya has instalado nvm (que ya era hora hijo mio… ) selecciona en primer lugar la versión de node con la que vas a trabajar con:

nvm use 10.12.0

Si por ejemplo, vas a trabajar con la versión 10.12.0 de node, esta por ejemplo es una buena versión para trabjar con Angular 7, esto es importante que lo hagas antes de instalar el CLI de angular, si intentas instalar el CLI y después cambias la versión de node se te complica un poco. Ahora puedes comprobar que la versión está bien con nvm list

Pero bueno, ya lo hemos hecho bien, y tenemos node seleccionado, ahora en el terminal escribes:

npm install @angular/cli <- Esto instalará la última versión estable de angular CLI

npm install @angular/cli -g <- Esto instalará el CLI y lo hará accesible de forma global

npm install @angular/cli@6.1.1 <- Si por lo que sea quieres una versión específica del angular CLI (como cuando clonas un repo de un proyecto ya creado)

Ha llegado el momento de crear tu nuevo proyecto con Angular 7, ahora tan solo escribe:

ng new nombre_de_mi_app

Y verás como aparecen estos mensajes en pantalla, aquí vemos algunos cambios, en primer lugar, con angular 7 el propio cli te pregunta si vas a incluir el sistema de router de Angular y después el tipo de css que vas a usar, así que ya no vas a tener que toquetear para ajustar y usar scss, como hago yo siempre, jeje, directamente lo vas a seleccionar de la lista que aparece:

Una vez hayas seleccionado estos dos parámetros se crea todo tu proyecto nuevo de angular:

Ahora, comprobamos que se ha instalado todo bien con el comando ng v y vemos esto:

Y ahora, señores, es cuando empieza el baile, ahora ya va a depender de ti crear una aplicación rompedora y que funcione a las mil maravillas. Angular cada vez nos está poniendo esto más sencillo.

Si queréis ampliar esta información os dejo el enlace de la documentación oficial: https://angular.io/docs