Angular 4 - CLI
Angular CLI facilita el inicio de cualquier proyecto Angular. Angular CLI viene con comandos que nos ayudan a crear y comenzar nuestro proyecto muy rápido. Veamos ahora los comandos disponibles para crear un proyecto, un componente y servicios, cambiar el puerto, etc.
Para trabajar con Angular CLI, necesitamos tenerlo instalado en nuestro sistema. Usemos el siguiente comando para lo mismo:
npm install -g @angular/cli
Para crear un nuevo proyecto, podemos ejecutar el siguiente comando en la línea de comandos y se creará el proyecto.
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve //
ng serve // se compilará y podrá ver el resultado de su proyecto en el navegador -
http://localhost:4200/
4200 es el puerto predeterminado que se utiliza cuando se crea un nuevo proyecto. Puede cambiar el puerto con el siguiente comando:
ng serve --host 0.0.0.0 --port 4201
La siguiente tabla enumera algunos comandos importantes necesarios al trabajar con proyectos de Angular 4.
Componente | ng g componente nuevo componente |
Directiva | directiva ng g nueva directiva |
Tubo | ng g pipe nueva tubería |
Servicio | ng g servicio nuevo-servicio |
Módulo | ng g módulo mi-módulo |
Siempre que se crea un nuevo módulo, un componente o un servicio, la referencia del mismo se actualiza en el módulo padre. app.module.ts.