Para começar a instalar o Angular 5 a primeira coisa que precisamos é o conjunto Node.js e o seu gestor de pacotes, o npm. A razão pela qual precisamos deles é porque vamos usa-los para instalar a ferramenta de linha de comandos do Angular, que por sua vez nos vai ajudar a iniciar uma nova aplicação.

O primeiro passo é abrir a linha de comandos do sistema operativo, e verificar se temos estes requisitos instalados. Para isso usamos dois comandos simples que verificam a versão dos dois pacotes.

$ node -v

$ npm -v

Caso algum destes não esteja instalado, basta acederem ao site do Node.js, descarregarem a versão correspondente ao vosso sistema operativo e correrem a instalação normalmente. O próprio node já irá instalar o npm por defeito, por isso depois de instalado só têm de fechar a linha de comandos e voltar a abrir para testar novamente com os comandos em cima.

Agora que estamos prontos, podemos passar à instalação da interface de linha de comandos do angular. Para isso basta correrem o seguinte comando.

$ npm install @angular/cli -g

Basicamente o que isto faz é chamar o comando install do npm para instalar o pacote globalmente, daí usarmos a flag -g . Assim que o gestor de pacotes terminar de instalar, fazemos a verificação se foi correctamente instalado com o seguinte comando:

$ ng -v



_ _ ____ _ ___

/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|

/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |

/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |

/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|

|___/ Angular CLI: 1.6.3

Node: 8.9.4

OS: win32 x64

Angular:

...

Se vos aparecer um resultado semelhante ao que está em cima, significa que instalaram correctamente e está pronto a usar. Já agora, se digitarem apenas ng vão aparecer-vos uma tonelada de opções e comandos que vos podem ajudar. Agora para criar um projecto novo abram a linha de comandos na pasta desejada.

$ ng new meu-projecto --style=scss --routing

Ao correrem este comando, o angular criar-vos-à um novo projecto de nome meu-projecto na pasta onde estão. Para além disso adicionamos o atributo style com o valor de scss para que o nosso projecto use scss por defeito. Adicionamos também o atributo routing para garantir que a estrutura é criada também com métodos para routear a aplicação. Carregam na tecla enter e passados alguns segundos ou minutos, dependendo da vossa internet, o angular vai-vos preparar a estrutura de pastas e instalar os packages necessários para esse mesmo projecto.

Entramos na pasta recém-criada com o comando cd meu-projecto e estamos prontos para iniciar a aplicação.

$ ng serve