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.