Lux-components-generate NPM

Autoren

Ahmet Erinola (IHK-GfI)

Generierung von Lux-Components mithilfe von Angular Schematics

Bereits vorhandene Generatoren

Name	Beschreibung
lux-form	Ermöglicht die Generierung einer Form-Component mit wahlweise einer, zwei bzw. drei Spalten und einer Reihe von Beispiel-FormComponents.
lux-stepper	Ermöglicht die Generierung einer Stepper-Component mit übergebener Step-Anzahl, einer Reihe von Beispiel-FormComponents und der Auswahl einer ausgelagerten Navigation.
lux-master-detail	Ermöglicht die Generierung einer Master-Detail-Component mit einer Beispiel-Masterliste und Detail-View.
lux-card	Ermöglicht die Generierung einer simplen/erweiterbaren Card-Component. Optional ist der zusätzliche Action-Bereich.
lux-table	Ermöglicht die Generierung einer normalen Tabelle gegenüber dem asynchronen Abruf von Daten. Optional kann eine Pagination, Filter oder Multi-Select hinzugefügt werden.
lux-accordion	Ermöglicht die Generierung einer Component mit allein stehendem Panel oder darüber liegendem Accordion.
lux-tabs	Ermöglicht die Generierung einer Tabs-Component. Optional können die Tabs um einen Counter und mit weiteren LUX-Components erweitert werden.
lux-list	Ermöglicht die Generierung einer List-Component mit/ohne Beispiel-Items.

Install

Aktuelle Version installieren:

npm install lux-components-generate@latest --save-dev

Spezielle Version installieren:

npm install --save lux-components-generate@0.0.1

Ausführen eines Schematic-Scripts

Als Fachentwickler

Eine Schematic wird über den folgendeng Aufruf gestartet:

ng generate lux-components-generator:lux-xyz

Zum lokalen Testen

Um die Schematics während der Entwicklung auszuführen, muss sie nach Änderungen neu gebaut werden, das erreicht man über den das build-Script von npm:

npm run build

Das Testprojekt, welches die Schematic ausführen soll, mockt den Eintrag als dependency auf das Schematics-Projekt mithilfe von npm link:

npm link <PFAD-ZUM-LOKALEN-SCHEMATICS-PROJEKT>

Das Starten des Schematic-Scripts aus dem Testprojekt erfolgt dann wie gehabt:

ng generate lux-components-generate:lux-xyz

schematics lux-components blueprint

@angular-devkit/core @angular-devkit/schematics @angular/cli @types/jasmine @types/node @types/semver @types/shelljs chalk cheerio htmlparser2 jasmine semver shelljs typescript fsevents

1.9.0

5 years ago