En aquest tema, aprendrem a configurar l'entorn de desenvolupament necessari per començar a treballar amb Angular. Això inclou la instal·lació de Node.js, Angular CLI i la creació d'un projecte Angular bàsic.

Abans de començar, assegura't de tenir els següents requisits:

• Un ordinador amb un sistema operatiu compatible (Windows, macOS o Linux).
• Connexió a Internet per descarregar les eines necessàries.

Angular requereix Node.js i npm (Node Package Manager) per gestionar les dependències del projecte. Segueix aquests passos per instal·lar-los:

1. Visita la pàgina oficial de Node.js: https://nodejs.org/
2. Descarrega la versió recomanada per a la teva plataforma (LTS - Long Term Support).
3. Executa l'instal·lador i segueix les instruccions per completar la instal·lació.

Per verificar que Node.js i npm s'han instal·lat correctament, obre una terminal i executa les següents comandes:

Hauries de veure les versions instal·lades de Node.js i npm.

Angular CLI (Command Line Interface) és una eina que facilita la creació i gestió de projectes Angular. Per instal·lar Angular CLI, executa la següent comanda a la terminal:

Per verificar que Angular CLI s'ha instal·lat correctament, executa la següent comanda:

Hauries de veure la versió d'Angular CLI instal·lada.

Ara que tenim Angular CLI instal·lat, podem crear un nou projecte Angular. Executa la següent comanda a la terminal:

Aquesta comanda et demanarà algunes opcions de configuració, com ara si vols incloure Angular Routing i quin estil de fulls d'estil vols utilitzar (CSS, SCSS, etc.). Selecciona les opcions que prefereixis.

Un cop completada la configuració, Angular CLI crearà una nova carpeta amb el nom del projecte (my-first-angular-app) i instal·larà totes les dependències necessàries.

Per veure la teva primera aplicació Angular en acció, navega fins a la carpeta del projecte i executa la següent comanda:

Aquesta comanda compilarà l'aplicació i la servirà en un servidor de desenvolupament. Obre el teu navegador web i visita http://localhost:4200. Hauries de veure la pàgina d'inici de la teva nova aplicació Angular.

En aquesta secció, hem après a configurar l'entorn de desenvolupament per treballar amb Angular. Hem instal·lat Node.js i npm, Angular CLI, i hem creat i executat una aplicació Angular bàsica. Ara estem preparats per començar a explorar les capacitats d'Angular en els següents mòduls del curs.

Proper pas: La teva primera aplicació Angular