Angular CLI - ng serve Command

Sintaxe

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

O comando serve serve para construir e servir ao aplicativo. Ele reconstrói o aplicativo se ocorrerem alterações. Aqui, projeto é o nome do aplicativo conforme definido em angular.json. As opções são parâmetros opcionais.

Argumentos

Sr. Não. Argumento e Sintaxe Descrição
1 <projeto> O nome do projeto a ser construído. Pode ser um aplicativo ou uma biblioteca.

Opções

Sr. Não. Opção e sintaxe Descrição
1 --allowedHosts Lista branca de hosts que têm permissão para acessar o servidor de desenvolvimento.
2 --aot = true | false Construa usando a compilação Ahead of Time.
3 --baseHref = baseHref URL base do aplicativo que está sendo construído.
4 --buildEventLog = buildEventLog EXPERIMENTAL Caminho do arquivo de saída para eventos Build Event Protocol
5 --commonChunk = true | false Use um pacote separado contendo o código usado em vários pacotes.
6 --configuration = configuração

Um destino de compilação nomeado, conforme especificado na seção "configurações" do angular.json. Cada destino nomeado é acompanhado por uma configuração de opções padrão para esse destino. Definir isso substitui explicitamente o sinalizador "--prod".

Aliases: -c

7 --deployUrl = deployUrl URL onde os arquivos serão implantados.
8 --disableHostCheck = true | false

Não verifique se os clientes conectados fazem parte dos hosts permitidos.

Padrão: falso

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

Mostra uma mensagem de ajuda para este comando no console.

Padrão: falso

10 --hmr = true | false

Habilite a substituição de módulo a quente.

Padrão: falso

11 --hmrWarning = true | false

Mostra um aviso quando a opção --hmr está habilitada.

Padrão: verdadeiro

12 --host = host

Host para ouvir.

Padrão: localhost

13 --liveReload = true | false

Se a página deve ser recarregada na mudança, usando recarregar ao vivo.

Padrão: verdadeiro

14 --open = true | false

Abre o url no navegador padrão.

Padrão: falso

Aliases: -o

15 --optimization = true | false Ativa a otimização da saída de construção.
16 --votação Habilite e defina o período de tempo de pesquisa de monitoramento de arquivo em milissegundos.
17 --porta

Porta para ouvir.

Padrão: 4200

18 --prod = true | false Abreviação de "--configuration = production". Quando verdadeiro, define a configuração de construção para o destino de produção. Por padrão, o destino de produção é definido na configuração do espaço de trabalho de forma que todas as compilações façam uso de empacotamento, agitação limitada de árvore e também eliminação limitada de código morto.
19 --progress = true | false Registre o progresso no console durante a construção.
20 --proxyConfig = proxyConfig Arquivo de configuração de proxy.
21 --publicHost = publicHost A URL que o cliente do navegador (ou cliente live-reload, se habilitado) deve usar para se conectar ao servidor de desenvolvimento. Use para uma configuração de servidor de desenvolvimento complexa, como um com proxies reversos.
22 --servePath = servePath O nome do caminho onde o aplicativo será servido.
23 --servePathDefaultWarning = true | false

Mostra um aviso quando deploy-url / base-href usa valores de caminho de serviço não suportados.

Padrão: verdadeiro

24 --sourceMap = true | false Mapas de origem de saída.
25 --ssl = true | false

Veicule usando HTTPS.

Padrão: falso

26 --sslCert = sslCert Certificado SSL a ser usado para servir HTTPS.
27 --sslKey = sslKey Chave SSL a ser usada para servir HTTPS.
28 --vendorChunk = true | false Use um pacote separado contendo apenas bibliotecas de fornecedores.
29 --verbose = true | false Adiciona mais detalhes ao registro de saída.
30 --watch = true | false

Reconstrua na mudança.

Padrão: verdadeiro

Primeiro vá para um projeto angular atualizado usando o comando ng build e, em seguida, execute o comando.

Exemplo

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

Aqui, o comando ng serve construiu e serve nosso projeto TutorialsPoint com sucesso. Agora abra http: // localhost: 4200 em uma janela do navegador e verifique a saída.