Angular 6 - 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.