CLI Angular - Configuração do Ambiente

Para trabalhar com Angular CLI, precisamos ter o Node instalado em nosso sistema.

Baixe o arquivo Node.js

Baixar versão mais recente do arquivo instalável Node.js de Node.js downloads . No momento em que este tutorial foi escrito, a seguir estão as versões disponíveis em diferentes sistemas operacionais.

SO Nome do arquivo
janelas node-v6.3.1-x64.msi
Linux node-v6.3.1-linux-x86.tar.gz
Mac node-v6.3.1-darwin-x86.tar.gz
SunOS node-v6.3.1-sunos-x86.tar.gz

Instalação em UNIX / Linux / Mac OS X e SunOS

Com base na arquitetura do seu sistema operacional, baixe e extraia o arquivo node-v6.3.1-osname.tar.gz para / tmp e, finalmente, mova os arquivos extraídos para o diretório / usr / local / nodejs. Por exemplo:

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

Adicione / usr / local / nodejs / bin à variável de ambiente PATH.

SO Resultado
Linux export PATH = $ PATH: / usr / local / nodejs / bin
Mac export PATH = $ PATH: / usr / local / nodejs / bin
FreeBSD export PATH = $ PATH: / usr / local / nodejs / bin

Instalação em Windows

Use o arquivo MSI e siga as instruções para instalar o Node.js. Por padrão, o instalador usa a distribuição Node.js em C: \ Arquivos de programas \ nodejs. O instalador deve definir o diretório C: \ Arquivos de programas \ nodejs \ bin na variável de ambiente PATH da janela. Reinicie todos os prompts de comando abertos para que a alteração tenha efeito.

Verifique a instalação: Executando um Arquivo

Crie um arquivo js chamado main.js em sua máquina (Windows ou Linux) com o seguinte código.

/* Hello, World! program in node.js */
console.log("Hello, World!")

Agora execute o arquivo main.js usando o interpretador Node.js para ver o resultado -

$ node main.js

Se tudo estiver bem com sua instalação, isso deve produzir o seguinte resultado -

Hello, World!

Agora que o Node está instalado, execute o seguinte comando para instalar o Angular CLI.

Vamos usar o seguinte comando para o mesmo -

npm install -g @angular/cli

Verifique a instalação

Agora execute o seguinte comando para ver o resultado -

$ ng --version

Se tudo estiver bem com sua instalação, isso deve produzir o seguinte resultado -

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / ? \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

No Windows, no caso de ng não ser reconhecido como comando interno ou externo, atualize a variável do caminho do sistema para incluir o seguinte caminho.

C:\Users\<User Directory>\AppData\Roaming\npm