Code-Generierung
Analog unterstützt die automatische Codegenerierung mit Nx Generatoren und Angular Schemata.
- Nx Generators
- Angular Schematics
Generatoren
Das Analog-Plugin für Nx bietet eine Reihe von Generatoren, die dabei helfen, einige der häufigen Aufgaben innerhalb eines Nx-Arbeitsbereichs zu automatisieren, wie z. B. die Erzeugung einer application oder page. Um diese Generatoren zu verwenden, kann die Erweiterung Nx Console installiert werden oder es kann manuell über die Nx CLI aufgerufen werden:
Generierung einer Anwendung
Um eine neue analoge Anwendung innerhalb eines Nx-Arbeitsbereichs zu erstellen, verwenden Sie den Anwendungsgenerator:
npx nx generate @analogjs/platform:app --analogAppName=analog-app
Generierung von Seiten
npx nx generate @analogjs/platform:page --pathname=index --project=analog-app
Es funktioniert auch mit den Analog-spezifischen Dateinamen, Anmerkung: diese Namen müssen in einfache Anführungszeichen gesetzt werden:
npx nx generate @analogjs/platform:page --pathname='(blog)' --project=analog-app
Das Schemata lässt auch Unterordner zu, um das Projekt richtig zu strukturieren.
npx nx generate @analogjs/platform:page --pathname='products/[products]' --project=analog-app
Angular Schemata
Analog stellt eine Reihe von Schemata zur Verfügung, die dabei helfen, einige häufige Aufgaben innerhalb eines Angular-CLI-Arbeitsbereichs zu automatisieren, wie z. B. die Erzeugung einer application oder einer page. Um diese Schemata zu verwenden, verwenden Sie den Befehl generate:
Generierung einer Anwendung
Um eine neue Analog-Anwendung innerhalb eines Angular CLI-Arbeitsbereichs zu erstellen, verwende das app-schema:
npx ng generate @analogjs/platform:app my-app
Generierung von Seiten
npx ng g @analogjs/platform:page --pathname=index --project=/
Es funktioniert auch mit den Analog-spezifischen Dateinamen, Anmerkung: diese Namen müssen in einfache Anführungszeichen gesetzt werden:
npx ng g @analogjs/platform:page --pathname='(blog)' --project=/
Das Schemata lässt auch Unterordner zu, um das Projekt richtig zu strukturieren.
npx ng g @analogjs/platform:page --pathname='products/[products]' --project=/