Article image
Thallyta Castro
Thallyta Castro07/11/2022 18:28
Compartilhe

Configurando o WORKSPACE para programar com Angular

  • #JavaScript
  • #TypeScript
  • #Angular

Para começar a trabalhar com Angular, precisamos fazer algumas instalações e configurações e este post vai te ajudar a preparar seu setup para praticar Angular…

Então bora pra configuração….

  • Escolha uma IDE, eu recomendo usar o Visual Studio Code.

Faça o download e instalação da IDE. Para isso é só baixá-la em https://code.visualstudio.com/

  • Faça o download e instalação do NodeJs em https://nodejs.org/en/download/ ou você pode verificar se NPM já está instalado no seu computador usando o comando no CMD:
npm -v
node -v

Se a instalação estiver sido feita corretamente, a versão do node e do npm vai aparecer no console.

  • Instale o Angular CLI usando o comando:
npm install -g @angular/cli
  • Depois de concluir a instalação do Angular, abra o CMD e verifique a versão usando o comando:
ng --version

Obs: Em algumas versões do windows, basta apenas digitar ng version, então vale tentar os dois comandos.

Se o CLI estiver sido instalado corretamente a versão mais recente do Angular vai aparecer no console.

image

  • Com a instalação do Angular, Npm e VSCode concluída, é hora de criar um projeto Angular. Basta abrir o terminal e digitar o comando:
ng new my-app
cd my-app
ng serve --open

E pronto! Seu workspace está prontinho para programar com Angular.

Gostou das dicas?

Marque este artigo como relevante pra que eu possa saber que te agradou e deixe seu feedback nos comentários também!

E se quiser fazer uma pergunta ou trocar uma idéia me chama lá no linkedin:

https://www.linkedin.com/in/thallyta-castro/

image

Compartilhe
Comentários (3)
Thallyta Castro
Thallyta Castro - 09/11/2022 10:58

Olá Guilherme, obrigada pela mensagem! Os comandos podem variar de acordo com a versão do sistema operacional. Muito bem pontuado, vou colocar essa observação no artigo.


Obrigada pela colaboração.

Abraços e sucesso pra você!


Guilherme Eduardo
Guilherme Eduardo - 08/11/2022 11:22

Olá Thallyta, muito útil o seu artigo. Fazendo os testes dos comandos, verifiquei que o ng --version não funciona, mas sim o ng version no cmd.


ng --version

image


ng version

image

Filipe Silva
Filipe Silva - 07/11/2022 20:22

gostei