Angular Command Line Interface: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(→Testen) |
|||
| (6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 31: | Zeile 31: | ||
== Verwendung == | == Verwendung == | ||
=== Aufruf === | |||
<pre> | |||
npm run ng <command> | |||
</pre> | |||
=== Typescript-Version abfragen === | |||
<pre> | |||
npm list typescript | |||
</pre> | |||
=== Klasse erstellen === | === Klasse erstellen === | ||
| Zeile 41: | Zeile 53: | ||
<pre> | <pre> | ||
ng generate component [-s] < | ng generate component [-s] <path>/<component name> | ||
</pre> | </pre> | ||
| Zeile 54: | Zeile 66: | ||
| Es wird keine CSS-Datei erstellt | | Es wird keine CSS-Datei erstellt | ||
|} | |} | ||
=== Direktive erstellen === | |||
<pre> | |||
ng generate directive <path>/<name> | |||
</pre> | |||
=== Modul erstellen === | === Modul erstellen === | ||
| Zeile 116: | Zeile 134: | ||
ng test | ng test | ||
</pre> | </pre> | ||
== Probleme == | == Probleme == | ||
Aktuelle Version vom 8. August 2025, 20:11 Uhr
Installation
Neu
sudo npm install -g @angular/cli
Update
npm uninstall -g @angular/cli npm cache verify # if npm version is < 5 then use `npm cache clean` npm install -g @angular/cli@latest
Konfiguration
Umgebungsvariable für Google Chrome (Chromium) setzen:
vi ~/.bashrc
Am Ende folgende Zeile hinzufügen:
export CHROME_BIN=/usr/bin/chromium-browser
Verwendung
Aufruf
npm run ng <command>
Typescript-Version abfragen
npm list typescript
Klasse erstellen
ng generate class <class name>
Komponente erstellen
ng generate component [-s] <path>/<component name>
| kurz | lang | Bedeutung |
|---|---|---|
| -s | --inline-style | Es wird keine CSS-Datei erstellt |
Direktive erstellen
ng generate directive <path>/<name>
Modul erstellen
ng g module <module name> --routing
Projekt erstellen
ng new <project name> --prefix <prefix>
Routen erstellen
ng generate module app-routing --flat --module=app
Guard erstellen
ng g guard <guard name>
Links
https://gnomeontherun.com/2017/03/02/guards-and-login-redirects-in-angular/
Production Build
ng build --prod
Links
https://angular.io/guide/deployment
https://angular.io/guide/deployment#fallback
Service erstellen
ng generate service <service name>
Links
https://angular.io/tutorial/toh-pt5
Built-In-Server starten
ng serve
Testen
ng test
Probleme
Could not find module "@angular-devkit/build-angular" from
npm install --save-dev @angular-devkit/build-angular
Your global Angular CLI version (6.2.5) is greater than your local version (6.0.8). The local Angular CLI version is used.
npm install --save-dev @angular/cli@latest
Zurück zu JavaScript