Mudanças entre as edições de "Instalação NODE.js e ANGULAR (Windows)"

De Redome
Ir para: navegação, pesquisa
Linha 25: Linha 25:
  
  
Depois disso, é só concluir a instalação. </br>
+
Depois disso, é só concluir a instalação. <br/>
Algumas janelas de terminal se abrirão automaticamente indicando o progresso da instalação.</br>
+
Algumas janelas de terminal se abrirão automaticamente indicando o progresso da instalação.<br/>
Observação: Caso a indicação de progresso pareça estagnada por muito tempo, você pode pressionar espaço ou esc. Neste caso, a instalação do node não está congelada, é apenasa indicação de que não está atualizando quando deveria.</br>
+
Observação: Caso a indicação de progresso pareça estagnada por muito tempo, você pode pressionar espaço ou esc. Neste caso, a instalação do node não está congelada, é apenasa indicação de que não está atualizando quando deveria.<br/>
Após terminar a instalação, eu recomendo reiniciar a máquina, nem sempre é necessário, mas é uma garantia de que o Node JS foi escrito corretamente no caminho do PATH do Windows.</br>
+
Após terminar a instalação, eu recomendo reiniciar a máquina, nem sempre é necessário, mas é uma garantia de que o Node JS foi escrito corretamente no caminho do PATH do Windows.<br/>
 
Depois de todo esse processo, vamos rodar os seguintes comandos para garantir a instalação do NodeJS e do npm:
 
Depois de todo esse processo, vamos rodar os seguintes comandos para garantir a instalação do NodeJS e do npm:
  
 
node --version e npm --version
 
node --version e npm --version
  
O que é o Angular CLI?</br>
+
O que é o Angular CLI?<br/>
 
Trata-se de uma ferramenta de linha de comando utilizada para criar, desenvolver e manter projetos Angular. Ela facilita e acelera o desenvolvimento de projetos Angular,  pois passa a automatizar tarefas (em sua maioria, repetitivas) que até então eram feitas manualmente pelo desenvolvedor, tais como: geração de novos projetos, componentes, rotas, serviços, entre outros.
 
Trata-se de uma ferramenta de linha de comando utilizada para criar, desenvolver e manter projetos Angular. Ela facilita e acelera o desenvolvimento de projetos Angular,  pois passa a automatizar tarefas (em sua maioria, repetitivas) que até então eram feitas manualmente pelo desenvolvedor, tais como: geração de novos projetos, componentes, rotas, serviços, entre outros.
  

Edição das 19h07min de 31 de março de 2021

Versões utilizadas
NODE 6.10.2
NPM 3.10.10
ANGULAR CLI 1.2.6
ANGULAR4.0.0


Para instalar e usar a interface de linha de comando, bem como executar o servidor de aplicativos Angular, você precisará do ambiente de execução Node.js e do gerenciador de pacotes Node.js o NPM. O NPM está incluído no Node.js que você pode instalar a partir:

https://nodejs.org/download/release/v6.10.2/     -     node-v6.10.2-x64.msi


Inicie a instalação do Node.js. Ao chegar na tela "Custom Setup", marque ao menos as opções Node.js runtime, npm package manager e Add to PATH.


Nodecustomsetup.png


Na próxima tela, o instalador vai perguntar se você gostaria de instalar outras ferramentas.
Selecione a opção que vai instalar automaticamente essas ferramentas. É muito importante selecionar essa opção no Windows, porque alguns pacotes do npm não conseguem rodar nativamente no Windows sem algum tipo de compilação. Essas ferramentas vão cuidar da compatibilidade com o Windows.

Nodetools.png


Depois disso, é só concluir a instalação.
Algumas janelas de terminal se abrirão automaticamente indicando o progresso da instalação.
Observação: Caso a indicação de progresso pareça estagnada por muito tempo, você pode pressionar espaço ou esc. Neste caso, a instalação do node não está congelada, é apenasa indicação de que não está atualizando quando deveria.
Após terminar a instalação, eu recomendo reiniciar a máquina, nem sempre é necessário, mas é uma garantia de que o Node JS foi escrito corretamente no caminho do PATH do Windows.
Depois de todo esse processo, vamos rodar os seguintes comandos para garantir a instalação do NodeJS e do npm:

node --version e npm --version

O que é o Angular CLI?
Trata-se de uma ferramenta de linha de comando utilizada para criar, desenvolver e manter projetos Angular. Ela facilita e acelera o desenvolvimento de projetos Angular, pois passa a automatizar tarefas (em sua maioria, repetitivas) que até então eram feitas manualmente pelo desenvolvedor, tais como: geração de novos projetos, componentes, rotas, serviços, entre outros.

Para instalar o Angular CLI, em um terminal ou prompt de comando, digite:

npm install -g @angular/cli@1.2.6