Crear proyecto Angular

Esta vez describiremos como crear nuestro proyecto Angular usando @angular/cli.

En el Post anterior Dependencias de angular para comenzar aprendimos como preparar nuestro ambiente de desarrollo ahora pongamos manos a la obra 💪.

Iniciamos en el terminal de windows, les recomiendo usar el siguiente terminal https://conemu.github.io/ facilita bastante a la hora de compilar, puedes identificar a simple vista cuando concluye el compilado. En caso que uses el Visual Studio Code puedes usar el terminal que trae (powershell).

Ya sea en cualquier terminal que uses ejecutemos la siguiente linea de comando seguido con el nombre del proyecto para crear.

ng new desarrollaconnet

La sintaxis de ng new es del @angular/cli lo cual nos permitió crear nuestro proyecto con la siguiente estructura.

En seguida podemos abrir nuestro proyecto en el IDE que prefieran, en este caso usare el Visual Studio Code y en seguida instalamos los paquetes que necesita nuestro proyecto.

Ejecutamos la siguiente sintaxis yarn install. 

Para concluir y ver si nuestro proyecto tiene las dependencias completas, podemos ejecutar el comando ng serve, el cual comenzara con la compilación del typescript y iniciar el servidor lite lanzando el SPA(Single Page Application) por el puerto 4200 http://localhost:4200/#/

Para visualizar nuestra aplicación ingresamos a la siguiente ruta http://localhost:4200/#/ y de esta forma concluimos con la creación de nuestro proyecto.

En el siguiente Post explicaremos sobre Yarn y las versiones de los paquetes que se encuentran en el archivo package.json 👉.