Crear un Componente:
ng g c NOMBRE-COMPONENTE>> ver ejemplo de crear un componente
Luego ir a un nuevo terminar y escribir el siguiente comando:
cd src/app/NOMBRE-CARPETA
C:\CARPETA-PROYECTO\PROYECTO\src\app\NOMBRE-CARPETA > ng g c COMPONENTE
Limpiar Cache:
npm cache clean --force
npm i
Crear componentes dentro de una carpeta especifica:
>>Clic derecho en app >> new folder >> NOMBRE-CARPETALuego 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 módulos con carga diferida (Lazy Loaded Modules):
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:
Crear un Servicio:
ng g s NOMBRE-SERVICIO
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
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.ts, routing.ts
o tambien se puede utilizar el siguiente comando:
ng generate module NOMBRE-MODULO --route NOMBRE-ROUTE --module app.module
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