En esta sección, aprenderás cómo configurar tu entorno de desarrollo para trabajar con TypeScript. Este proceso incluye la instalación de Node.js, TypeScript y un editor de código adecuado. También configuraremos un proyecto básico de TypeScript para asegurarnos de que todo esté funcionando correctamente.

Node.js es un entorno de ejecución de JavaScript que nos permitirá ejecutar el compilador de TypeScript. npm (Node Package Manager) es una herramienta que viene con Node.js y nos permite instalar paquetes adicionales, como TypeScript.

1. Descargar Node.js:

   • Ve al sitio web oficial de Node.js: https://nodejs.org/
   • Descarga la versión LTS (Long Term Support) recomendada para la mayoría de los usuarios.

2. Instalar Node.js:

   • Ejecuta el instalador descargado y sigue las instrucciones en pantalla.
   • Asegúrate de que la opción para instalar npm esté seleccionada.

3. Verificar la instalación:

   • Abre una terminal o línea de comandos.
   • Ejecuta los siguientes comandos para verificar que Node.js y npm se hayan instalado correctamente:

     node -v
     npm -v
     

   • Deberías ver los números de versión de Node.js y npm.

Una vez que Node.js y npm estén instalados, podemos instalar TypeScript globalmente en nuestro sistema.

1. Instalar TypeScript globalmente:

   • En la terminal, ejecuta el siguiente comando:

     npm install -g typescript
     

   • Esto instalará el compilador de TypeScript (tsc) globalmente, permitiéndote usarlo desde cualquier lugar en tu sistema.

2. Verificar la instalación:

   • Ejecuta el siguiente comando para verificar que TypeScript se haya instalado correctamente:

     tsc -v
     

   • Deberías ver el número de versión de TypeScript.

Para escribir y gestionar tu código TypeScript, necesitarás un editor de código adecuado. Uno de los editores más populares y recomendados es Visual Studio Code (VS Code).

1. Descargar Visual Studio Code:

   • Ve al sitio web oficial de Visual Studio Code: https://code.visualstudio.com/
   • Descarga la versión correspondiente a tu sistema operativo.

2. Instalar Visual Studio Code:

   • Ejecuta el instalador descargado y sigue las instrucciones en pantalla.

3. Instalar la extensión de TypeScript:

   • Abre Visual Studio Code.
   • Ve a la sección de extensiones (icono de cuadrado en la barra lateral izquierda).
   • Busca "TypeScript" y selecciona la extensión oficial de Microsoft.
   • Haz clic en "Instalar".

Ahora que tenemos todo instalado, configuraremos un proyecto básico de TypeScript para asegurarnos de que todo esté funcionando correctamente.

1. Crear una carpeta de proyecto:

   • En la terminal, navega a la ubicación donde deseas crear tu proyecto y ejecuta:

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

2. Inicializar un proyecto de Node.js:

   • Ejecuta el siguiente comando para crear un archivo package.json:

     npm init -y
     

3. Instalar TypeScript localmente en el proyecto:

   • Ejecuta el siguiente comando:

     npm install typescript --save-dev
     

4. Crear un archivo de configuración de TypeScript:

   • Ejecuta el siguiente comando para generar un archivo tsconfig.json:

     npx tsc --init
     

5. Crear un archivo TypeScript:

   • En la carpeta del proyecto, crea un archivo llamado index.ts y añade el siguiente código:

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

6. Compilar el archivo TypeScript:

   • En la terminal, ejecuta el siguiente comando para compilar index.ts:

     npx tsc
     

   • Esto generará un archivo index.js en la misma carpeta.

7. Ejecutar el archivo JavaScript:

   • Ejecuta el siguiente comando para ejecutar el archivo compilado:

     node index.js
     

   • Deberías ver "Hello, TypeScript!" en la salida de la terminal.

En esta sección, hemos cubierto los pasos necesarios para configurar tu entorno de desarrollo para trabajar con TypeScript. Esto incluye la instalación de Node.js, npm, TypeScript y Visual Studio Code, así como la configuración de un proyecto básico de TypeScript. Ahora estás listo para comenzar a escribir y compilar código TypeScript en tu propio entorno de desarrollo.

En la siguiente sección, exploraremos los tipos básicos en TypeScript, lo que te permitirá comprender mejor cómo TypeScript maneja los tipos de datos.