Angular CLI - ng Serve Command

Syntax

ng serve <project> [options]
ng s <project> [options]

ng serve Befehl erstellt und bedient die Anwendung. Es erstellt die Anwendung neu, wenn Änderungen auftreten. Hier ist Projekt der Name der Anwendung, wie in angle.json definiert. Optionen sind optionale Parameter.

Argumente

Sr.Nr. Argument & Syntax Beschreibung
1 <Projekt> Der Name des zu erstellenden Projekts. Kann eine Anwendung oder eine Bibliothek sein.

Optionen

Sr.Nr. Option & Syntax Beschreibung
1 --allowedHosts Whitelist der Hosts, die auf den Dev-Server zugreifen dürfen.
2 --aot = true | false Erstellen Sie mithilfe der Ahead of Time-Kompilierung.
3 --baseHref = baseHref Basis-URL für die zu erstellende Anwendung.
4 --buildEventLog = buildEventLog EXPERIMENTELL Ausgabedateipfad für Build Event Protocol-Ereignisse
5 --commonChunk = true | false Verwenden Sie ein separates Bundle mit Code, der für mehrere Bundles verwendet wird.
6 --configuration = Konfiguration

Ein benanntes Build-Ziel, wie im Abschnitt "Konfigurationen" von angle.json angegeben. Jedes benannte Ziel wird von einer Konfiguration der Optionsstandards für dieses Ziel begleitet. Wenn Sie dies explizit festlegen, wird das Flag "--prod" überschrieben.

Aliase: -c

7 --deployUrl = deployUrl URL, unter der Dateien bereitgestellt werden.
8 --disableHostCheck = true | false

Stellen Sie nicht sicher, dass verbundene Clients Teil der zulässigen Hosts sind.

Standard: false

9 --help = true | false | json | JSON

Zeigt eine Hilfemeldung für diesen Befehl in der Konsole an.

Standard: false

10 --hmr = wahr | falsch

Aktivieren Sie den Austausch des heißen Moduls.

Standard: false

11 --hmrWarning = true | false

Zeigen Sie eine Warnung an, wenn die Option --hmr aktiviert ist.

Standard: true

12 --host = Host

Host zum Anhören.

Standard: localhost

13 --liveReload = true | false

Gibt an, ob die Seite bei Änderung mithilfe von Live-Reload neu geladen werden soll.

Standard: true

14 --open = true | false

Öffnet die URL im Standardbrowser.

Standard: false

Aliase: -o

15 --optimization = true | false Ermöglicht die Optimierung der Build-Ausgabe.
16 --Umfrage Aktivieren und definieren Sie den Zeitraum für die Abfrage der Dateiüberwachung in Millisekunden.
17 --Hafen

Port zum Abhören.

Standard: 4200

18 --prod = true | false Abkürzung für "--configuration = Produktion". Wenn true, wird die Buildkonfiguration auf das Produktionsziel festgelegt. Standardmäßig wird das Produktionsziel in der Arbeitsbereichskonfiguration so eingerichtet, dass alle Builds Bündelung, begrenztes Baumschütteln und begrenzte Eliminierung von totem Code verwenden.
19 --progress = true | false Protokollieren Sie den Fortschritt während des Erstellens in der Konsole.
20 --proxyConfig = proxyConfig Proxy-Konfigurationsdatei.
21 --publicHost = publicHost Die URL, die der Browser-Client (oder der Live-Reload-Client, falls aktiviert) verwenden soll, um eine Verbindung zum Entwicklungsserver herzustellen. Verwendung für ein komplexes Dev-Server-Setup, z. B. eines mit Reverse-Proxys.
22 --servePath = servePath Der Pfadname, unter dem die App bereitgestellt wird.
23 --servePathDefaultWarning = true | false

Zeigen Sie eine Warnung an, wenn deploy-url / base-href nicht unterstützte Serve-Pfadwerte verwendet.

Standard: true

24 --sourceMap = true | false Ausgabe-Quellkarten.
25 --ssl = true | false

Mit HTTPS servieren.

Standard: false

26 --sslCert = sslCert SSL-Zertifikat zur Bereitstellung von HTTPS.
27 --sslKey = sslKey SSL-Schlüssel zum Bereitstellen von HTTPS.
28 --vendorChunk = true | false Verwenden Sie ein separates Bundle, das nur Herstellerbibliotheken enthält.
29 --verbose = true | false Fügt der Ausgabeprotokollierung weitere Details hinzu.
30 --watch = true | false

Bei Änderung neu erstellen.

Standard: true

Wechseln Sie zuerst zu einem Winkelprojekt, das mit dem Befehl ng build aktualisiert wurde , und führen Sie dann den Befehl aus.

Beispiel

\>Node\>TutorialsPoint> ng serve
chunk {main} main.js, main.js.map (main) 14.3 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-04T04:01:47.562Z - Hash: a90c5fc750c475cdc4d1 - Time: 10164ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.

Hier hat der Befehl ng serve unser Projekt TutorialsPoint erfolgreich erstellt und bereitgestellt. Öffnen Sie jetzt http: // localhost: 4200 in einem Browserfenster und überprüfen Sie die Ausgabe.