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.