Spring e Angular - 2026

1 - Introdução 2 - Configurar ambiente 3 - Extensões VSCode 4 - Criar projeto Spring 5 - Dependências 6 - Controle 7 - Entidade 8 - Conexão 9 - Repositório 10 - Injeção de dependência 11 - Rota cadastro 12 - Rota listagem 13 - Rota edição 14 - Rota remoção 15 - CORS 16 - Node 17 - Angular 18 - Gerar projeto Angular 19 - Criar componente 20 - Bootstrap 21 - Formulário 22 - Tabela 23 - ProvideHttpClient 24 - Interface Aluno 25 - Serviços 26 - Visibilidade botões 27 - Signals 28 - Construtor 29 - Listagem (Parte 1) 30 - Listagem (Parte 2) 31 - Listagem (Parte 3) 32 - Formulário reativo 33 - Selecionar aluno 34 - Cancelar 35 - Cadastrar 36 - Alterar 37 - Remover 38 - Considerações

18 - Gerar projeto Angular

Olá, pessoal! Nessa décima oitava aula do treinamento, iremos criar e executar nosso projeto Angular.

No Visual Studio Code, abra o terminal e utilize o comando: ng new front, iremos criar um projeto chamado front.

Em seguida vamos disponibilizar as seguintes informações:

  • Estilização do projeto: CSS.
  • Usar SSR rendering: Não.
  • Ferramenta de IA: Não.

Depois do projeto criado, abra a pasta do projeto no VSCode. Acesse o terminal e utilize o comando: ng s.

Aproveito para compartilhar uma lista contendo todos os comandos utilizados para executar um projeto Angular:

  • ng serve: Executa a aplicação;
  • ng s: Equivale ao ng serve, porém de maneira resumida.
  • ng s --open: Executa a aplicação e abre o navegador.
  • ng s -o: O mesmo que o ng s --open.
  • npm start: Opção genérica para executar aplicações front-end utilizando o Node.js.

Abaixo compartilho nossa aula no YouTube, onde ensino a efetuar criar e executar um projeto Angular: