En aquesta secció, aprendrem com configurar l'entorn necessari per començar a treballar amb TypeScript. Això inclou la instal·lació de Node.js, TypeScript i la configuració d'un editor de codi.

Node.js és un entorn d'execució per a JavaScript que ens permet executar codi JavaScript fora del navegador. TypeScript es compila a JavaScript, per la qual cosa necessitem Node.js per gestionar les dependències i executar el compilador de TypeScript.

1. Descarregar Node.js:

   • Visita la pàgina oficial de Node.js: https://nodejs.org/
   • Descarrega la versió recomanada per a la teva plataforma (Windows, macOS, Linux).

2. Instal·lar Node.js:

   • Executa l'instal·lador descarregat i segueix les instruccions de la pantalla.
   • Durant la instal·lació, assegura't que l'opció per afegir Node.js al PATH estigui seleccionada.

3. Verificar la instal·lació:

   • Obre una terminal o línia de comandes.
   • Executa les següents comandes per verificar que Node.js i npm (Node Package Manager) s'han instal·lat correctament:

     node -v
     npm -v
     

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

Un cop tenim Node.js instal·lat, podem instal·lar TypeScript utilitzant npm.

1. Instal·lar TypeScript globalment:

   • Obre una terminal o línia de comandes.
   • Executa la següent comanda per instal·lar TypeScript globalment:

     npm install -g typescript
     

2. Verificar la instal·lació:

   • Executa la següent comanda per verificar que TypeScript s'ha instal·lat correctament:

     tsc -v
     

   • Hauries de veure la versió instal·lada de TypeScript.

Per treballar amb TypeScript, necessitem un editor de codi que suporti TypeScript. Un dels editors més populars és Visual Studio Code (VS Code).

1. Descarregar i instal·lar VS Code:

   • Visita la pàgina oficial de VS Code: https://code.visualstudio.com/
   • Descarrega i instal·la la versió adequada per a la teva plataforma.

2. Instal·lar l'extensió de TypeScript:

   • Obre VS Code.
   • Ves a la secció d'extensions (icona de quadrat amb quatre quadrats petits a la barra lateral esquerra).
   • Cerca "TypeScript" i instal·la l'extensió oficial de Microsoft per a TypeScript.

Ara que tenim l'entorn configurat, crearem el nostre primer projecte TypeScript.

1. Crear una carpeta per al projecte:

   • Obre una terminal o línia de comandes.
   • Crea una nova carpeta per al teu projecte i navega fins a ella:

     mkdir my-typescript-project
     cd my-typescript-project
     

2. Inicialitzar el projecte amb npm:

   • Executa la següent comanda per inicialitzar un nou projecte npm:

     npm init -y
     

3. Crear un fitxer de configuració de TypeScript:

   • Executa la següent comanda per crear un fitxer tsconfig.json amb la configuració per a TypeScript:

     tsc --init
     

4. Crear un fitxer TypeScript:

   • Crea un nou fitxer anomenat index.ts dins de la carpeta del projecte.
   • Afegeix el següent codi al fitxer index.ts:

     const message: string = "Hello, TypeScript!";
     console.log(message);
     

5. Compilar el fitxer TypeScript:

   • Executa la següent comanda per compilar el fitxer index.ts a JavaScript:

     tsc
     

6. Executar el fitxer JavaScript:

   • Executa la següent comanda per executar el fitxer JavaScript generat:

     node index.js
     

   • Hauries de veure el missatge "Hello, TypeScript!" a la terminal.

En aquesta secció, hem après com configurar l'entorn necessari per treballar amb TypeScript. Hem instal·lat Node.js, TypeScript i hem configurat l'editor de codi VS Code. També hem creat i compilat el nostre primer fitxer TypeScript. Amb l'entorn configurat, estem preparats per començar a explorar els conceptes bàsics de TypeScript en les següents seccions.