Cómo instalar TypeScript: guía paso a paso

TypeScript es un lenguaje de programación popular que se basa en JavaScript agregando tipos estáticos. Instalar TypeScript es un proceso sencillo y esta guía te guiará por los pasos necesarios para configurarlo en tu máquina.

Prerrequisitos

Antes de instalar TypeScript, asegúrese de tener instalados Node.js y npm (Node Package Manager). Node.js proporciona el entorno de ejecución para ejecutar JavaScript y TypeScript, mientras que npm se utiliza para administrar paquetes y dependencias.

node -v
npm -v

Si estos comandos devuelven números de versión, ya está todo listo para instalar TypeScript.

Instalación de TypeScript

TypeScript se puede instalar de forma global en el sistema o de forma local dentro de un proyecto específico. Abordaremos ambos métodos:

Instalación global

La instalación global de TypeScript le permite utilizar el compilador de TypeScript (`tsc`) desde cualquier lugar de su sistema.

  1. Abra su terminal o símbolo del sistema.
  2. Ejecute el siguiente comando para instalar TypeScript globalmente:
npm install -g typescript

Este comando descargará e instalará el paquete TypeScript de forma global. Puede verificar la instalación consultando la versión de TypeScript:

tsc -v

Instalación local

Se recomienda instalar TypeScript localmente para configuraciones específicas de cada proyecto. De esta manera, distintos proyectos pueden usar distintas versiones de TypeScript.

  1. Navega al directorio de tu proyecto usando la terminal:
cd path/to/your/project
  1. Ejecute el siguiente comando para instalar TypeScript localmente:
npm install typescript --save-dev

Después de la instalación, puedes usar TypeScript agregándolo a los scripts de tu proyecto o usando directamente el comando `npx` para ejecutar el compilador de TypeScript.

npx tsc -v

Configuración de TypeScript

TypeScript requiere un archivo de configuración (`tsconfig.json`) para especificar las opciones del compilador y la configuración del proyecto. Puedes crear este archivo manualmente o generarlo mediante la CLI de TypeScript.

  1. Para generar un archivo `tsconfig.json` predeterminado, ejecute:
npx tsc --init

Este comando crea un archivo `tsconfig.json` en el directorio de su proyecto con la configuración predeterminada. Puede modificar este archivo para personalizar las opciones del compilador según las necesidades de su proyecto.

Verificando la instalación

Para garantizar que TypeScript esté instalado correctamente, cree un archivo TypeScript simple y compílelo:

  1. Crea un nuevo archivo TypeScript llamado `hello.ts` con el siguiente contenido:
let message: string = "Hello, TypeScript!";
console.log(message);
  1. Compila el archivo TypeScript en JavaScript usando el compilador TypeScript:
npx tsc hello.ts

Esto generará un archivo `hello.js` en el mismo directorio. Ejecute el archivo JavaScript compilado con Node.js:

node hello.js

Deberías ver "Hola, TypeScript!" impreso en la consola.

Conclusión

Instalar TypeScript es un proceso simple que implica configurar Node.js, instalar TypeScript de forma global o local y configurar el proyecto. Si sigue estos pasos, tendrá TypeScript listo para mejorar su experiencia de desarrollo con tipado estático y funciones avanzadas.