Mudanças entre as edições de "Ambiente Desenvolvedor"
Linha 7: | Linha 7: | ||
<div style="font-weight:bold;line-height:1.6;"> Sistema operacional Windows</div> | <div style="font-weight:bold;line-height:1.6;"> Sistema operacional Windows</div> | ||
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
− | * [[ | + | * [[Instalação NODE.js e ANGULAR]] |
− | * [[ | + | * [[Instalação Visual Studio Code]] |
− | * [[ | + | * [[Continua]] |
− | |||
− | |||
− | |||
− | |||
</div></div> | </div></div> | ||
<div><br></div> | <div><br></div> | ||
<div class="mw-collapsible mw-collapsed" data-expandtext="{{int:show}}" data-collapsetext="{{int:hide}}"> | <div class="mw-collapsible mw-collapsed" data-expandtext="{{int:show}}" data-collapsetext="{{int:hide}}"> | ||
− | <div style="font-weight:bold;line-height:1.6;"> | + | <div style="font-weight:bold;line-height:1.6;"> Sistema operacional Linux</div> |
<div class="mw-collapsible-content"> | <div class="mw-collapsible-content"> | ||
− | * [[ | + | * [[Instalação NODE.js e ANGULAR]] |
− | + | * [[Instalação Visual Studio Code]] | |
− | + | * [[Continua]] | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | * [[ | ||
− | * [[ | ||
</div></div> | </div></div> | ||
</div> | </div> | ||
− | + | ||
− | |||
<table border="1" cellpadding="2"> | <table border="1" cellpadding="2"> | ||
<caption>Versões utilizadas</caption> | <caption>Versões utilizadas</caption> | ||
Linha 159: | Linha 66: | ||
npm install -g @angular/cli@1.2.6 | npm install -g @angular/cli@1.2.6 | ||
− | |||
− | |||
− | |||
− |
Edição das 18h32min de 31 de março de 2021
Esta seção descreve o passo a passo das instalações necessárias para o ambiente do desenvolvedor.
Por onde deseja começar ?
NODE | 6.10.2 |
---|---|
NPM | 3.10.10 |
ANGULAR CLI | 1.2.6 |
ANGULAR | 4.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.
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.
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, é apenas
a 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