Criando Projeto em Angular

Alefbacelar
angularbr
Published in
3 min readAug 19, 2022

# PARTE 1

Olá pessoal, aqui veremos um passo a passo de como criar um projeto em Angular e como rodar o projeto no terminal usando o comando “ng serve”.

Vou partir do principio que todos já tenham sua maquina configurada com o Node JS e Angular CLI.

Vamos começar criando uma pasta e dando um nome para ela:

Na sequencia iremos entrar na pasta recém criada e abrir o terminal a partir dela:

Dentro do terminal iremos digitar o seguinte comando “ng new projeto-angular”

Vai aparecer está mensagem abaixo e só digitar “y” e escolher a opção “SCSS”

Agora é só aguardar a instalação dos pacotes npm. Isso pode demorar alguns minutos.

Após a instalação dos pacotes, vamos digitar o seguinte comando no terminal: “code .” este comado irá abrir o VS Code.

A estrutura do seu projeto vai estar dessa forma:

Agora precisaremos abrir o terminal do VS Code, e fazer o caminho entre as pastas até a pasta app: “cd .\projeto-angular\src\app’’

Agora é só digitar o comando “ng serve” e aguardar a compilação.

Depois de concluída, irá aparecer um link no terminal e é só abri-lo.

Link: http://localhost:4200

Essa será a tela que você vai ver:

Bom pessoal este foi um artigo bem simples e bem resumido. No próximo vou ensinar como criar um componente e organizar o projeto no qual daremos seguimento. :)

Link do vídeo: https://youtu.be/JM0T_Bace1o

--

--