 |
|
||||
Você está aqui: Angular ::: Dicas & Truques ::: Angular CLI (Interface de Linha de Comandos do Angular) |
O que é o Angular CLI, como instalar e testar a Interface de Linha de Comandos do AngularQuantidade de visualizações: 1550 vezes |
|
Se você já navegou pelas nossas dicas e truques de Angular aqui no site, deve ter percebido que é possível desenvolver aplicações Angular diretamente no código HTML de suas páginas. Esse processo é excelente para entendermos como o framework funciona e também para testarmos idéias e gerar protótipos. No entanto, à medida que as aplicações vão se tornando mais complexas e poderão rodar isoladas, ou seja, como SPA (Single Page Application) em vez de parte complementar de outra página web, o uso do Angular CLI se torna mandatório, já que ele facilita o trabalho de gerar, manter e atualizar a estrutura da aplicação, o que nos permite focar nas tarefas que realmente importam. Então, sem mais delongas, vamos efetuar a instalação do Angular CLI. O primeiro passo é verificar se você já tem o Node.js instalado na sua máquina de desenvolvimento. Para isso, abra uma janela de terminal e dispare o comando: c:\estudos_web>node -v v14.15.4 Obteve resultado parecido? Vamos prosseguir então, caso contrário visite nossas dicas e truques de Node.js para aprender como baixar e fazer a instalação dessa ferramenta. Agora, para fazer a instalação do Angular CLI, na mesma janela de terminal ou em uma nova, digite o comando a seguir: c:\estudos_web>npm install -g @angular/cli Veja que estou instalando o CLI do Angular globalmente. Isso vai poupar muito espaço nos seus discos. Vá tomar um cafezinho, pois esse processo é um pouco demorado mesmo. A instalação finalizou com sucesso? Hora de testar então. Dispare o comando a seguir: c:\estudos_web>ng --version Se tudo correu bem você terá o seguinte resultado: c:\estudos_nodejs>ng --version Angular CLI: 11.2.1 Node: 14.15.4 OS: win32 x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------ @angular-devkit/architect 0.1102.1 (cli-only) @angular-devkit/core 11.2.1 (cli-only) @angular-devkit/schematics 11.2.1 (cli-only) @schematics/angular 11.2.1 (cli-only) @schematics/update 0.1102.1 (cli-only) Pronto! Agora é só acompanhar nossas dicas e truques de Angular para desenvolver aplicações bem interessantes, funcionais e úteis. |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de Angular |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
