Angular7 - Avisos de CLI
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/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 // will compile and you can see the output of your project in the browser −
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
Comando para actualización angular
En caso de que desee actualizar su aplicación y sus dependencias, puede usar el siguiente comando:
ng update @angular/cli @angular/core
Actualizará el marco principal a la versión reciente, es decir, Angular 7 y también angular-cli. Puede usar el comando anterior con las siguientes opciones:
Lista de comandos importantes angulares
La siguiente tabla enumera algunos comandos importantes necesarios al trabajar con proyectos de Angular 7:
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 |
6 | Test prueba ng |
7 | Build ng build --configuration = production // para el entorno de producción ng build --configuration = staging // para indicar el entorno |
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.