Compilando e disponibilizando
Execute o servidor de desenvolvimento e gere compilações.
Compilando e disponibilizando é uma aula grátis de Angular Academy no CoddyKit. Esta é a aula 4 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Angular Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Angular Academy inclui 4 aulas no total.
Compilando e executando
A CLI executa sua aplicação localmente durante o desenvolvimento e produz uma saída otimizada para produção. Os dois comandos principais são ng serve e ng build.
ng serve
ng serve inicia um servidor local de desenvolvimento com recarregamento automático. Edite um arquivo e o navegador será atualizado automaticamente.
ng serveO endereço padrão
Por padrão, o servidor de desenvolvimento é executado em http://localhost:4200. Abra esse URL para ver sua aplicação.
Alterando a porta e o host
Substitua a porta ou o host usando opções.
ng serve --port 4300 --host 0.0.0.0Abrindo o navegador
A opção de abertura inicia automaticamente o navegador padrão.
ng serve --open
# or: ng serve -ong build
ng build compila a aplicação em arquivos estáticos para implantação e os grava em uma pasta dist.
ng buildOtimizações de produção
As compilações de produção aplicam otimizações: compilação antecipada, minificação, eliminação de código não utilizado e criação de pacotes, produzindo uma saída menor e mais rápida.
A saída dist
A saída da compilação fica em dist/<project-name>/. Implante esses arquivos estáticos em qualquer hospedagem Web ou CDN.
Configurações de compilação
angular.json define configurações como produção e desenvolvimento. Selecione uma delas com a opção de configuração.
ng build --configuration productionObservando durante a compilação
Para recompilações contínuas sem executar o servidor, a opção de observação recompila quando há alterações nos arquivos.
ng build --watchExecutando testes
Entre os comandos relacionados estão ng test, para testes unitários, e ng lint (quando configurado), para análise estática.
ng testVerificação rápida: executar ou compilar
Desenvolvimento local versus implantação.
Recapitulação: compilação e execução
Use ng serve para o desenvolvimento local com recarregamento automático em localhost:4200 e ng build para produzir arquivos estáticos otimizados em dist/ para implantação. As configurações e opções ajustam o host, a porta e o nível de otimização. Você concluiu o curso sobre a CLI.
Perguntas Frequentes
A aula “Compilando e disponibilizando” é grátis?
Sim — o texto completo de “Compilando e disponibilizando” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Angular Academy, atualize para CoddyKit PRO. O curso de Angular Academy inclui 4 aulas no total.
O que vou aprender em “Compilando e disponibilizando”?
Execute o servidor de desenvolvimento e gere compilações. Você pratica Angular Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Angular Academy?
Nenhuma experiência prévia é necessária. Angular Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 4 de 4.
Quanto tempo leva a aula “Compilando e disponibilizando”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Angular Academy?
Sim. Cada aula de Angular Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Gerando um novo projeto
- Estrutura do projeto explicada
- Gerando código com ng generate
- Compilando e disponibilizando