Angular Command Line Interface: Unterschied zwischen den Versionen

Aus Tutorials
Zur Navigation springen Zur Suche springen
Zeile 21: Zeile 21:
== Verwendung ==
== Verwendung ==


=== Projekt erstellen ===


<pre>
ng new my-first-project
</pre>


=== Komponente erstellen ===
=== Komponente erstellen ===
Zeile 50: Zeile 46:
</pre>
</pre>


=== Service erstellen ===
=== Projekt erstellen ===


<pre>
<pre>
ng generate service <service name>
ng new my-first-project
</pre>
</pre>


Zeile 60: Zeile 56:
<pre>
<pre>
ng generate module app-routing --flat --module=app
ng generate module app-routing --flat --module=app
</pre>
=== Service erstellen ===
<pre>
ng generate service <service name>
</pre>
</pre>



Version vom 15. September 2018, 09:34 Uhr

Installation

sudo npm install -g @angular/cli

Konfiguration

Umgebungsvariable für Google Chrome (Chromium) setzen:

vi ~/.bashrc

Am Ende folgende Zeile hinzufügen:

export CHROME_BIN=/usr/bin/chromium-browser

Verwendung

Komponente erstellen

ng generate component [-s] <table name>
kurz lang Bedeutung
-s --inline-style Es wird keine CSS-Datei erstellt

Klasse erstellen

ng generate class <class name>

Projekt erstellen

ng new my-first-project

Routen erstellen

ng generate module app-routing --flat --module=app

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


Zurück zu JavaScript