0Pricing
Angular Academy · Aula

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 serve

O 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.0

Abrindo o navegador

A opção de abertura inicia automaticamente o navegador padrão.

ng serve --open
# or: ng serve -o

ng build

ng build compila a aplicação em arquivos estáticos para implantação e os grava em uma pasta dist.

ng build

Otimizaçõ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 production

Observando 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 --watch

Executando testes

Entre os comandos relacionados estão ng test, para testes unitários, e ng lint (quando configurado), para análise estática.

ng test

Verificaçã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

  1. Gerando um novo projeto
  2. Estrutura do projeto explicada
  3. Gerando código com ng generate
  4. Compilando e disponibilizando
← Voltar para Angular Academy