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.