Angular CLI - ng służyć Command

Składnia

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

ng służy do kompilacji poleceń i obsługuje aplikację. Odbudowuje aplikację, jeśli nastąpią zmiany. Tutaj projekt jest nazwą aplikacji zdefiniowaną w angular.json. Opcje są parametrami opcjonalnymi.

Argumenty

Sr.No. Argument i składnia Opis
1 <project> Nazwa projektu do zbudowania. Może to być aplikacja lub biblioteka.

Opcje

Sr.No. Opcja i składnia Opis
1 --allowedHosts Biała lista hostów, które mają dostęp do serwera deweloperskiego.
2 --aot = true | false Kompiluj za pomocą kompilacji Ahead of Time.
3 --baseHref = baseHref Podstawowy adres URL budowanej aplikacji.
4 --buildEventLog = buildEventLog EKSPERYMENTALNA Ścieżka pliku wyjściowego dla zdarzeń protokołu Build Event Protocol
5 --commonChunk = true | false Użyj oddzielnego pakietu zawierającego kod używany w wielu pakietach.
6 --configuration = konfiguracja

Nazwany cel kompilacji określony w sekcji „configuration” pliku angular.json. Każdemu nazwanemu celowi towarzyszy konfiguracja domyślnych opcji dla tego celu. Ustawienie tego jawnie przesłania flagę „--prod”.

Aliasy: -c

7 --deployUrl = deployUrl Adres URL, pod którym zostaną wdrożone pliki.
8 --disableHostCheck = true | false

Nie sprawdzaj, czy podłączeni klienci są częścią dozwolonych hostów.

Domyślnie: false

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

Wyświetla komunikat pomocy dla tego polecenia w konsoli.

Domyślnie: false

10 --hmr = prawda | fałsz

Włącz wymianę modułu na gorąco.

Domyślnie: false

11 --hmrWarning = true | false

Pokaż ostrzeżenie, gdy opcja --hmr jest włączona.

Domyślnie: prawda

12 --host = host

Gospodarz do słuchania.

Domyślnie: localhost

13 --liveReload = true | false

Czy ponownie załadować stronę po zmianie, używając przeładowania na żywo.

Domyślnie: prawda

14 --open = true | false

Otwiera adres URL w domyślnej przeglądarce.

Domyślnie: false

Aliasy: -o

15 --optimization = true | false Włącza optymalizację wyników kompilacji.
16 --głosowanie Włącz i zdefiniuj okres odpytywania monitorowania plików w milisekundach.
17 --Port

Port do słuchania.

Domyślnie: 4200

18 --prod = true | false Skrót od „--configuration = production”. Gdy prawda, ustawia konfigurację kompilacji na cel produkcyjny. Domyślnie cel produkcyjny jest ustawiony w konfiguracji obszaru roboczego w taki sposób, że wszystkie kompilacje wykorzystują pakowanie, ograniczone wstrząsanie drzewami, a także ograniczoną eliminację martwego kodu.
19 --progress = true | false Rejestruj postęp na konsoli podczas budowania.
20 --proxyConfig = proxyConfig Plik konfiguracyjny proxy.
21 --publicHost = publicHost Adres URL, którego klient przeglądarki (lub klient przeładowywania na żywo, jeśli jest włączony) powinien używać do łączenia się z serwerem deweloperskim. Służy do złożonej konfiguracji serwera deweloperskiego, takiej jak serwer z odwrotnymi serwerami proxy.
22 --servePath = servPath Nazwa ścieżki, w której aplikacja będzie udostępniana.
23 --servePathDefaultWarning = true | false

Pokaż ostrzeżenie, gdy deploy-url / base-href używa nieobsługiwanych wartości ścieżki udostępniania.

Domyślnie: prawda

24 --sourceMap = true | false Wyjściowe mapy źródeł.
25 --ssl = true | false

Wyświetlaj za pomocą protokołu HTTPS.

Domyślnie: false

26 --sslCert = sslCert Certyfikat SSL używany do obsługi protokołu HTTPS.
27 --sslKey = sslKey Klucz SSL używany do obsługi protokołu HTTPS.
28 --vendorChunk = true | false Użyj oddzielnego pakietu zawierającego tylko biblioteki dostawców.
29 --verbose = true | false Dodaje więcej szczegółów do rejestrowania danych wyjściowych.
30 --watch = true | false

Odbuduj po zmianie.

Domyślnie: prawda

Najpierw przejdź do projektu kątowego zaktualizowanego za pomocą polecenia ng build, a następnie uruchom polecenie.

Przykład

\>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.

W tym miejscu polecenie ng Serve zbudowało i obsługuje nasz projekt TutorialsPoint. Teraz otwórz http: // localhost: 4200 w oknie przeglądarki i sprawdź dane wyjściowe.