CLI angolare - ng serve Command
Sintassi
ng serve <project> [options]
ng s <project> [options]Il comando ng serve costruisce e serve l'applicazione. Ricostruisce l'applicazione se si verificano modifiche. Qui project è il nome dell'applicazione come definito in angular.json. Le opzioni sono parametri opzionali.
argomenti
| Sr.No. | Argomento e sintassi | Descrizione |
|---|---|---|
| 1 | <progetto> | Il nome del progetto da costruire. Può essere un'applicazione o una libreria. |
Opzioni
| Sr.No. | Opzione e sintassi | Descrizione |
|---|---|---|
| 1 | --allowedHosts | Lista bianca degli host a cui è consentito accedere al server di sviluppo. |
| 2 | --aot = true | false | Crea utilizzando la compilation Ahead of Time. |
| 3 | --baseHref = baseHref | URL di base per l'applicazione in costruzione. |
| 4 | --buildEventLog = buildEventLog | SPERIMENTALE Percorso del file di output per eventi Build Event Protocol |
| 5 | --commonChunk = true | false | Utilizza un bundle separato contenente il codice utilizzato in più bundle. |
| 6 | --configuration = configurazione | Un target build denominato, come specificato nella sezione "configurazioni" di angular.json. Ciascun target denominato è accompagnato da una configurazione dei valori predefiniti delle opzioni per tale target. L'impostazione di questo sovrascrive esplicitamente il flag "--prod". Alias: -c |
| 7 | --deployUrl = deployUrl | URL in cui verranno distribuiti i file. |
| 8 | --disableHostCheck = true | false | Non verificare che i client connessi facciano parte degli host consentiti. Predefinito: false |
| 9 | --help = true | false | json | JSON | Mostra un messaggio di aiuto per questo comando nella console. Predefinito: false |
| 10 | --hmr = true | false | Abilita la sostituzione del modulo a caldo. Predefinito: false |
| 11 | --hmrWarning = true | false | Mostra un avviso quando l'opzione --hmr è abilitata. Predefinito: vero |
| 12 | --host = host | Host da ascoltare. Predefinito: localhost |
| 13 | --liveReload = true | false | Indica se ricaricare la pagina in caso di modifica, utilizzando live-reload. Predefinito: vero |
| 14 | --open = true | false | Apre l'URL nel browser predefinito. Predefinito: false Alias: -o |
| 15 | --optimization = true | false | Consente l'ottimizzazione dell'output di compilazione. |
| 16 | --sondaggio | Abilita e definisci il periodo di tempo del polling di controllo del file in millisecondi. |
| 17 | --porta | Porta su cui ascoltare. Predefinito: 4200 |
| 18 | --prod = true | false | Abbreviazione di "--configuration = production". Quando true, imposta la configurazione della build sulla destinazione di produzione. Per impostazione predefinita, l'obiettivo di produzione è impostato nella configurazione dell'area di lavoro in modo tale che tutte le build utilizzino raggruppamento, scuotimento limitato degli alberi e anche eliminazione limitata del codice morto. |
| 19 | --progress = true | false | Registra i progressi sulla console durante la costruzione. |
| 20 | --proxyConfig = proxyConfig | File di configurazione proxy. |
| 21 | --publicHost = publicHost | L'URL che il client del browser (o il client di ricarica live, se abilitato) deve utilizzare per connettersi al server di sviluppo. Utilizzare per una configurazione complessa del server di sviluppo, come quella con proxy inversi. |
| 22 | --servePath = servePath | Il percorso in cui verrà pubblicata l'app. |
| 23 | --servePathDefaultWarning = true | false | Mostra un avviso quando deploy-url / base-href utilizza valori di percorso di pubblicazione non supportati. Predefinito: vero |
| 24 | --sourceMap = true | false | Mappe sorgente di output. |
| 25 | --ssl = true | false | Servi utilizzando HTTPS. Predefinito: false |
| 26 | --sslCert = sslCert | Certificato SSL da utilizzare per servire HTTPS. |
| 27 | --sslKey = sslKey | Chiave SSL da utilizzare per servire HTTPS. |
| 28 | --vendorChunk = true | false | Utilizzare un pacchetto separato contenente solo le librerie del fornitore. |
| 29 | --verbose = true | false | Aggiunge ulteriori dettagli alla registrazione dell'output. |
| 30 | --watch = true | false | Ricostruisci al cambiamento. Predefinito: vero |
Prima passa a un progetto angolare aggiornato utilizzando il comando ng build, quindi esegui il comando.
Esempio
\>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.Qui il comando ng serve ha costruito e servito con successo il nostro progetto TutorialsPoint. Ora apri http: // localhost: 4200 in una finestra del browser e verifica l'output.
