CLI angulaire - commande ng serve

Syntaxe

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

La commande ng serve génère et sert l'application. Il reconstruit l'application si des modifications se produisent. Ici project est le nom de l'application tel que défini dans angular.json. Les options sont des paramètres facultatifs.

Arguments

N ° Sr. Argument et syntaxe La description
1 <projet> Le nom du projet à construire. Peut être une application ou une bibliothèque.

Options

N ° Sr. Option et syntaxe La description
1 --allowedHosts Liste blanche des hôtes autorisés à accéder au serveur de développement.
2 --aot = vrai | faux Construire à l'aide de la compilation Ahead of Time.
3 --baseHref = baseHref URL de base de l'application en cours de création.
4 --buildEventLog = buildEventLog EXPERIMENTAL Chemin du fichier de sortie pour les événements Build Event Protocol
5 --commonChunk = true | false Utilisez un ensemble distinct contenant du code utilisé dans plusieurs ensembles.
6 --configuration = configuration

Une cible de construction nommée, comme spécifié dans la section "configurations" de angular.json. Chaque cible nommée est accompagnée d'une configuration d'options par défaut pour cette cible. La définition de ceci remplace explicitement l'indicateur "--prod".

Alias: -c

sept --deployUrl = deployUrl URL où les fichiers seront déployés.
8 --disableHostCheck = true | false

Ne vérifiez pas que les clients connectés font partie des hôtes autorisés.

Valeur par défaut: faux

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

Affiche un message d'aide pour cette commande dans la console.

Valeur par défaut: faux

dix --hmr = vrai | faux

Activez le remplacement du module à chaud.

Valeur par défaut: faux

11 --hmrWarning = true | false

Afficher un avertissement lorsque l'option --hmr est activée.

Par défaut: vrai

12 --host = hôte

Hôte à écouter.

Par défaut: localhost

13 --liveReload = true | false

S'il faut recharger la page en cas de modification, en utilisant le rechargement en direct.

Par défaut: vrai

14 --open = vrai | faux

Ouvre l'URL dans le navigateur par défaut.

Valeur par défaut: faux

Alias: -o

15 --optimization = true | false Active l'optimisation de la sortie de construction.
16 --sondage Activez et définissez la période d'interrogation de surveillance des fichiers en millisecondes.
17 --Port

Port à écouter.

Par défaut: 4200

18 --prod = vrai | faux Abréviation de "--configuration = production". Lorsque true, définit la configuration de construction sur la cible de production. Par défaut, la cible de production est configurée dans la configuration de l'espace de travail de sorte que toutes les versions utilisent le regroupement, le tremblement d'arborescence limité et l'élimination limitée du code mort.
19 --progress = true | false Enregistrez la progression dans la console pendant la construction.
20 --proxyConfig = proxyConfig Fichier de configuration du proxy.
21 --publicHost = publicHost URL que le client de navigateur (ou le client de rechargement en direct, s'il est activé) doit utiliser pour se connecter au serveur de développement. À utiliser pour une configuration de serveur de développement complexe, par exemple avec des proxys inverses.
22 --servePath = servePath Le chemin où l'application sera servie.
23 --servePathDefaultWarning = true | false

Afficher un avertissement lorsque deploy-url / base-href utilise des valeurs de chemin de diffusion non prises en charge.

Par défaut: vrai

24 --sourceMap = true | false Cartes de source de sortie.
25 --ssl = vrai | faux

Servir en HTTPS.

Valeur par défaut: faux

26 --sslCert = sslCert Certificat SSL à utiliser pour servir HTTPS.
27 --sslKey = sslKey Clé SSL à utiliser pour servir HTTPS.
28 --vendorChunk = true | false Utilisez un ensemble distinct contenant uniquement les bibliothèques des fournisseurs.
29 --verbose = vrai | faux Ajoute plus de détails à la journalisation de la sortie.
30 --watch = vrai | faux

Reconstruisez au changement.

Par défaut: vrai

Commencez par accéder à un projet angulaire mis à jour à l'aide de la commande ng build , puis exécutez la commande.

Exemple

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

Ici, la commande ng serve a construit et servi notre projet TutorialsPoint avec succès. Maintenant, ouvrez http: // localhost: 4200 dans une fenêtre de navigateur et vérifiez la sortie.