Aprender Angular es difícil, y esto es así porque Google no simplifica un proceso tan sencillo como crear una aplicación desde cero, sin que contenga dependencias y código que no necesitaremos al momento de empezar nuestro aprendizaje.

Una de las opciones que tenemos a nuestra disposición es Angular CLI, donde con 4 comandos tendremos nuestra aplicación funcionando. 

  1.    npm install -g angular-cli
  2.    ng new mi-app
  3.    cd mi-app
  4.    ng serve 

Esto es así, pero una vez terminado el proceso el proyecto contendrá tal cantidad de carpetas, dependencias y archivos que se hace muy difícil de comprender cómo está estructurado. 

El primer comando instala angular-cli de manera global, por lo que se podrá utilizar para crear cualquier proyecto.

El comando ng new holamundocli4 se encargará de crear la estructura de carpetas, los archivos necesiario y de instalar los paquetes vía npm de manera automática. Al finalizar tendremos esta estructura:  

AngularCLIResult

 

Creo que es una cantidad exagerada de archivos solo para crear un proyecto casi vacío. Si gualmente queremos utilizarla, es conveniente contar con la última versión de esta herramienta. Para saber la cuál es la versión instalada de ng debemos ejecutar el siguiente comando:

  1.   ng version

Y para saber cuál es la última versión disponible debemos visitar el siguiente enlace: 

  https://www.npmjs.com/package/@angular/cli 

 Para actualizar la versión global necesitamos ejecutar estos comandos: 

 

  1.    npm uninstall -g angular-cli @angular/cli
  2.    npm cache clean
  3.    npm install -g @angular/cli@latest

Después necesitaremos actualizar cada proyecto en el que hayamos utilizado Angular-CLI. Lo haremos de la siguiente manera: nos ubicamos en la carpeta del proyecto que queremos actualizar y luego ejecutamos: 

  1.    rd /S/Q node_modules dist (borrará ambas carpetas, S y Q tienen que estar en mayúculas. Es un comando de la consola de Windows)
  2.    npm install --save-dev @angular/cli@latest (instalará como paquete la última versión de Angular CLI y lo registrará en package.json en el apartado devDependencies)
  3.    npm install  (instalará el resto de los paquetes)

Al escribir este post estamos en la versión de Angular CLI: 1.0.0-beta.32.3. 

En mi opinión no deberíamos usar Angular CLI para crear proyectos, por lo menos hasta que deje de estar en beta. Aún así, sería muy interesante que se pudieran crear proyectos mucho más limpios con algún parámetro.

[Actualización al 08/08/17]

Finalmente Google agregó una opción para crear un proyecto con la mínima cantidad de archivos. Se trata de la opción --minimal y se usa de la siguiente manera. Creamos un nuevo proyecto con:

 

  1. ng new --minimal min1

Esto creará los siguientes archivos:
 

NgMin
Como se puede apreciar, la cantidad de archivos a bajado considerablemente. Creo que ahora si se facilita la comprensión del funcionamiento de un proyecto.