Demos of Angular Bolivia Talk about schematics

Instalar schematics

npm i -g @angular-devkit/{schematics,schematics-cli,core} @schematics/schematics

==============

Generar Tu primer schematics

DEMO 1

==============

schematics blank --name=hello-angular-bolivia

Genera hello-angular-bolivia

collection.json => es el start de todo esto (spoiler alert la factoria tiene la magia) Compilar nuestro código

npm run build

Generar nuestro schematics

schematics .:hello-angular-bolivia --name=hello-angular-bolivia

==============

Creando un schematics mas power

DEMO 2

==============

schematics blank --name=angular-bolivia-landing

Modificamos el collection.json

Creamos el angular-bolivia-landing/schema.json

Creamos la interfaz angular-bolivia-landing/schema.ts

Empezamos a programar el angular-bolivia-landing/index.ts (magic time)

Creamos angular-bolivia-landing/files/ y ponemos nuestro theme

npm run build
schematics .:angular-bolivia-landing

cremos nuestra app

ng new angular-boliva
cd angular-bolivia
mkdir node_modules/abl
cp -R ../angular-bolivia-landing/* node_modules/abl
rm -rf node_modules/abl/node_modules 
rm node_modules/abl/package-lock.json 
ng g abl:angular-bolivia-landing --service --name="angular bolivia rocks" --collection abl

Declaramos en el app.module.ts nuestro componente
Lo agregamos a nuestro app.component.html
Agregamos un input de datos para la iteracion