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.