Tutoriales gratuitos para el aprendizaje de la programacion informatica! Recuerda que si lo puedes imaginar... lo puedes programar!

Comandos Angular Cli

Crear un Componente:

ng g c NOMBRE-COMPONENTE

>> ver ejemplo de crear un componente

Crear componentes dentro de una carpeta especifica: 

>>Clic derecho en app >> new folder >> NOMBRE-CARPETA

Luego ir a un nuevo terminar y escribir el siguiente comando:

cd src/app/NOMBRE-CARPETA  

>> Enter

Resultado del comando cd src/app/NOMBRE-CARPETA:

C:\CARPETA-PROYECTO\PROYECTO\src\app\NOMBRE-CARPETA > aquí se podrá escribir los comandos para crear los componentes dentro de la carpeta seleccionada

Ejemplo: 

C:\CARPETA-PROYECTO\PROYECTO\src\app\NOMBRE-CARPETA > ng g c COMPONENTE

otra forma de hacerlo es solo aplicando el siguiente comando: 

ng g c src/app/NOMBRE-CARPETA/COMPONENTE

En este caso al indicar el NOMBRE-CARPETA, si la carpeta no existe esta es creada

Crear un modulo en la raíz:

ng g m app-routing --flat

El  --flat indica que será creado en la raíz del proyecto, si no se especifica el --flat se creara un directorio llamado con el mismo nombre del modulo creado, esto en algunos casos es necesario cuando se desea crear un directorio modular

Crear un Modulo con directorio:

ng g m NOMBRE-MODULO

Crear módulos con carga diferida (Lazy Loaded Modules):

Comando para crear los Modulos (Lazy Loaded Modules)

ng g m NOMBRE-MODULO --routing true

Este comando generara una carpeta llamada NOMBRE-MODULO que contendrá su propio module.tsrouting.ts 

o tambien se puede utilizar el siguiente comando:

ng generate module NOMBRE-MODULO --route NOMBRE-ROUTE --module app.module 

El comando generara una carpeta llamada NOMBRE-MODULO que contendrá su propio module.ts, routing.ts  y archivos de componentes

En el app-routing.module.ts , verá el siguiente código para las rutas:

const routes: Routes = [ 

 { path: 'NOMBRE-ROUTE', loadChildren: () => import('./NOMBRE-MODULO/NOMBRE-MODULO.module').then(m => m.NOMBRE-MODULOModule) }, 
 { } ];

Crear un Servicio:

ng g s NOMBRE-SERVICIO


Limpiar Cache:

npm cache clean --force

Instalar Node_Modules:

npm i

No hay comentarios:

Publicar un comentario