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.