Criando o ambiente
Todo projeto Angular começa antes da primeira linha de código: no ambiente. Nesta aula você vai preparar sua máquina exatamente como foi feito para o FlickPicks — Node, Angular CLI e o primeiro ng serve rodando sem surpresas.
O FlickPicks usa Angular 22, que exige Node 22.22.3+, 24.15+ ou 26+. Antes de instalar qualquer coisa, vale confirmar a versão instalada — é a causa mais comum de erro logo na largada de um projeto novo.
node -v
npm install -g @angular/cli
ng new flickpicks
ng serveng new faz várias perguntas antes de criar o projeto. As respostas viram configuração permanente do app — vale entender o que cada uma significa antes de aceitar o padrão sem pensar.
| Pergunta do ng new | Escolha do FlickPicks |
|---|---|
| Server-Side Rendering (SSR)? | Sim — páginas de filme aparecem prontas pra buscadores |
| Formato de estilo | CSS (com Tailwind configurado por cima, na Aula de Tailwind) |
| Roteamento? | Sim — o app tem várias páginas (Aula 6 explica as rotas) |
Importante!
nvm use na pasta do projeto antes de qualquer comando — instalar dependências com a versão errada do Node é a forma mais comum de travar o ambiente logo de cara. É hora de testar seus conhecimentos!!
Praticando
1. Lorem ipsum dolor sit amet consectetur adipisicing elit.
2. Associe os números:
3. O Brasil é o maior país da América do Sul.