TypeScript: Introducción y entorno

TypeScript es un lenguaje de programación tipado que se construye sobre JavaScript, añadiendo tipos estáticos opcionales. Es mantenido por Microsoft y es ampliamente usado en el desarrollo de aplicaciones web modernas. La principal ventaja de TypeScript es que permite detectar errores en tiempo de desarrollo, lo que facilita la creación de código más robusto y mantenible.

En esta sección, aprenderemos sobre los fundamentos de TypeScript y cómo configurar adecuadamente el entorno de desarrollo para empezar a trabajar con este lenguaje.

Instalación de Node.js y npm

Para comenzar a trabajar con TypeScript, primero necesitamos tener instalado Node.js y npm (Node Package Manager). Node.js es un entorno de ejecución para JavaScript, y npm es el gestor de paquetes que nos permitirá instalar TypeScript y otras herramientas necesarias.

Puedes descargar e instalar Node.js desde su sitio oficial. Al instalar Node.js, npm se instalará automáticamente.

Para verificar que Node.js y npm están correctamente instalados, abre una terminal y ejecuta los siguientes comandos:

node -v
npm -v

Instalación de TypeScript

Una vez que tenemos Node.js y npm instalados, podemos proceder a instalar TypeScript globalmente en nuestro sistema. Para ello, ejecuta el siguiente comando en la terminal:

npm install -g typescript

Para verificar que TypeScript se ha instalado correctamente, puedes ejecutar:

tsc -v

Configuración del entorno de desarrollo

Editor de código

Aunque puedes usar cualquier editor de texto para escribir TypeScript, se recomienda usar un editor que ofrezca soporte avanzado para TypeScript, como Visual Studio Code (VSCode). VSCode es un editor de código gratuito y de código abierto desarrollado por Microsoft, que ofrece una excelente integración con TypeScript.

Puedes descargar VSCode desde su sitio oficial.

Archivo tsconfig.json

El archivo tsconfig.json es un archivo de configuración que especifica las opciones del compilador TypeScript y los archivos que forman parte del proyecto. Para crear un archivo tsconfig.json en tu proyecto, ejecuta el siguiente comando:

tsc --init

Este comando generará un archivo tsconfig.json con una configuración básica. Aquí tienes un ejemplo de configuración mínima:

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

Primer archivo TypeScript

Una vez configurado el entorno, podemos crear nuestro primer archivo TypeScript. Crea un archivo llamado index.ts y escribe el siguiente código:

function saludar(nombre: string): string {
  return `Hola, ${nombre}`;
}

const nombre: string = "Mundo";
console.log(saludar(nombre));

Para compilar el archivo TypeScript a JavaScript, ejecuta el siguiente comando en la terminal:

tsc index.ts

Esto generará un archivo index.js que contiene el código JavaScript compilado. Para ejecutar el archivo JavaScript, usa Node.js:

node index.js

Este comando debería mostrar el mensaje Hola, Mundo en la terminal.