CLI angular: descripción general
Angular CLI hace que sea fácil comenzar con 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/cliPara 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 4201La siguiente tabla enumera algunos comandos importantes necesarios al trabajar con proyectos de Angular 4.
| No Señor | Comandos y descripción |
|---|---|
| 1 | Component ng g componente nuevo componente |
| 2 | Directive directiva ng g nueva directiva |
| 3 | Pipe ng g pipe nueva tubería |
| 4 | Service ng g servicio nuevo-servicio |
| 5 | Module 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.