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.
![](https://assets.edu.lat/angular_cli/images/output.jpg)