CLI angular - comando ng serve

Sintaxis

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

ng serve compila y sirve la aplicación. Reconstruye la aplicación si se producen cambios. Aquí proyecto es el nombre de la aplicación como se define en angular.json. Las opciones son parámetros opcionales.

Argumentos

No Señor. Argumento y sintaxis Descripción
1 <proyecto> El nombre del proyecto que se va a construir. Puede ser una aplicación o una biblioteca.

Opciones

No Señor. Opción y sintaxis Descripción
1 --allowedHosts Lista blanca de hosts que pueden acceder al servidor de desarrollo.
2 --aot = verdadero | falso Cree utilizando la compilación Ahead of Time.
3 --baseHref = baseHref URL base de la aplicación que se está creando.
4 --buildEventLog = buildEventLog EXPERIMENTAL Ruta del archivo de salida para eventos de Protocolo de eventos de compilación
5 --commonChunk = verdadero | falso Utilice un paquete separado que contenga el código utilizado en varios paquetes.
6 --configuration = configuración

Un destino de compilación con nombre, como se especifica en la sección "configuraciones" de angular.json. Cada objetivo nombrado viene acompañado de una configuración de opciones predeterminadas para ese objetivo. Establecer esto anula explícitamente el indicador "--prod".

Alias: -c

7 --deployUrl = deployUrl URL donde se implementarán los archivos.
8 --disableHostCheck = verdadero | falso

No verifique que los clientes conectados sean parte de los hosts permitidos.

Predeterminado: falso

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

Muestra un mensaje de ayuda para este comando en la consola.

Predeterminado: falso

10 --hmr = verdadero | falso

Habilite el reemplazo del módulo en caliente.

Predeterminado: falso

11 --hmrWarning = verdadero | falso

Muestra una advertencia cuando la opción --hmr está habilitada.

Predeterminado: verdadero

12 --host = host

Anfitrión para escuchar.

Predeterminado: localhost

13 --liveReload = verdadero | falso

Ya sea para recargar la página al cambiar, usando live-reload.

Predeterminado: verdadero

14 --open = verdadero | falso

Abre la URL en el navegador predeterminado.

Predeterminado: falso

Alias: -o

15 --optimización = verdadero | falso Permite la optimización del resultado de la compilación.
dieciséis --encuesta Habilite y defina el período de tiempo de la encuesta de observación de archivos en milisegundos.
17 --Puerto

Puerto para escuchar.

Predeterminado: 4200

18 --prod = verdadero | falso Abreviatura de "--configuration = producción". Cuando es verdadero, establece la configuración de compilación en el objetivo de producción. De forma predeterminada, el objetivo de producción se establece en la configuración del espacio de trabajo de modo que todas las compilaciones hagan uso de agrupaciones, agitación limitada de árboles y también eliminación limitada de código muerto.
19 --progreso = verdadero | falso Registre el progreso en la consola durante la construcción.
20 --proxyConfig = proxyConfig Archivo de configuración de proxy.
21 --publicHost = publicHost La URL que el cliente del navegador (o el cliente de recarga en vivo, si está habilitado) debe usar para conectarse al servidor de desarrollo. Úselo para una configuración compleja de servidor de desarrollo, como uno con proxies inversos.
22 --servePath = servePath El nombre de la ruta donde se entregará la aplicación.
23 --servePathDefaultWarning = verdadero | falso

Muestra una advertencia cuando deploy-url / base-href utiliza valores de ruta de servicio no admitidos.

Predeterminado: verdadero

24 --sourceMap = verdadero | falso Mapas fuente de salida.
25 --ssl = verdadero | falso

Sirva usando HTTPS.

Predeterminado: falso

26 --sslCert = sslCert Certificado SSL que se utilizará para servir HTTPS.
27 --sslKey = sslKey Clave SSL que se utilizará para servir HTTPS.
28 --vendorChunk = verdadero | falso Use un paquete separado que contenga solo bibliotecas de proveedores.
29 --verbose = verdadero | falso Agrega más detalles al registro de salida.
30 --watch = verdadero | falso

Reconstruir con el cambio.

Predeterminado: verdadero

Primero muévase a un proyecto angular actualizado usando el comando ng build y luego ejecute el comando.

Ejemplo

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

Aquí el comando ng serve ha construido y sirve nuestro proyecto TutorialsPoint con éxito. Ahora abra http: // localhost: 4200 en una ventana del navegador y verifique el resultado.