Aprende a crear proyectos con Angular CLI

Bezael Pérez
2 min readApr 30, 2018

¿Qué es Angular CLI?
Es una herramienta para inicializar, desarrollar e incluso mantener aplicaciones de Angular. Ejecutar tareas de testing. AoT y transpilación de Typescript.

También te puede ayudar a realizar el deployment de tu aplicación.
Y tal como había prometido el equipo de CLI, a partir de la versión 6 de Angular podremos crear libraries.

Lo más importante es que CLI sigue las directivas de buenas prácticas en Angular.
Es una de las mejores herramientas disponibles para construir aplicaciones en Angular.

Requisitos previos

Antes de poder instalar la herramienta de CLI, necesitas tener

Nodejs => 6.9.0
Npm => 3

Si, estás listo para instalar el CLI, solo debes ejecutar el siguiente comando.

npm install @angular/cli -g

Una vez finalizado el proceso de instalación, estamos listos para empezar a crear nuestro primer proyecto en Angular CLI.

Para ello vamos a ejecutar el comando:

ng new mi-primera-app

Esto nos creará una carpeta con el nombre del proyecto, que hemos escogido, en mi caso mi-primera-app

cd mi-primera-app

Dentro de esta carpeta tendremos todo una estructura de ficheros y carpetas todos necesarios para nuestro proyecto.

Ya tienes tus primero proyecto con Angular CLI. Para verlo en el navegador ejecuta el comando:

Esto arrancará un servidor local, y podemos ver nuestra aplicación accediendo a http://localhost:4200/

Boom!!

A través del CLI, puedes crear componentes, directive, Pipe, Service, Class, Interface, Enum y Module.

comandos cli

Si quieres profundizar más en esta maravillosa herramienta, te dejo este curso para domines Angular CLI.

Recuerda compartir en tus redes.

--

--

Bezael Pérez
Bezael Pérez

No responses yet