Angular-CLI y Crear Nuestra Primera App
La Angular-CLI es una herramienta que mejoró notablemente la generación de proyectos, pues facilita la creación de los archivos iniciales para que no tengamos que crearlos a mano o depender de esqueletos iniciales de terceros. Aunque esta es una de sus funcionalidades principales hay muchas otras por destacar, y las veremos mas adelante.
La CLI (Command Line Interface) por interfaz de linea de comandos, es simplemente eso, una herramienta sencilla pero muy potente que es usada a través de la linea de comandos.
Instalando la Angular CLI
Para usar la interfaz de linea de comandos de Angular necesitas tener instalados en tu maquina tanto node.js como el manejador de paquetes de node, npm.
Usando npm puedes instalarla por medio de los siguientes comandos:
npm install -g @angular/cliEste comando le indica a npm que instale la Angular CLI de forma global (accesible desde cualquier directorio), lo cual es indicado con la bandera -g (por global, claro.)
Creando nuestra primera app
Una vez instalada la CLI podemos crear nuestra primera aplicación funcional de forma sencilla. Y lo mejor de todo, como lo indica el sitio web oficial, es una plantilla inicial que sigue las mejores practicas .
Simplemente debemos ingresar el siguiente comando:
ng new primera-appRecibiendo como parametro el nombre de la app, en este caso: "primera-app".
Este comando genera los archivos y directorios iniciales para una app de angular. Así se ve la estructura de un proyecto inicial generado con la CLI de Angular:
Con esto ya generamos la app inicial, ahora a testearla! Para ello tipeamos los siguientes comando en la CLI:
cd primera-app
ng servePrimero cd seguido del nombre de nuestro proyecto, en este caso "primera-app", para abrir el directorio del proyecto y ubicarnos allí en la interfaz de linea de comandos.
Luego ng serve para iniciar el servidor local y poder probar nuestra app de forma local en el navegador. Esta primera app se verá algo así:
Bastante sencillo, pero a partir de allí puedes empezar a generar componentes, rutas, servicios, pipes, etc.. Todo desde la interfaz de linea de comandos de Angular, y empezar a darle forma a tu app.
Eso es todo por ahora, en un siguiente post veremos otras funcionalidades de la Angular CLI y como generar los primeros componentes y demás piezas para armar una app con Angular!