TYPESCRIPT Hace 10 meses • 2 min de lectura

TypeScript: Cómo levantar y configurar un proyecto moderno

Wilder Espinoza

Autor

Introducción

¿Quieres iniciar un proyecto en TypeScript de manera ordenada y profesional? En esta guía te muestro los comandos esenciales para configurar tu entorno, instalar dependencias y levantar tu aplicación.

¿Por qué usar TypeScript?
– Mejora la productividad gracias al tipado estático.
– Facilita el mantenimiento de proyectos grandes.
– Compatible con JavaScript, pero con mayor robustez.

Paso 1: Inicializar el proyecto
Primero, crea una carpeta para tu proyecto y ejecuta el siguiente comando para inicializar npm:

 npm init -y 

Esto generará un archivo package.json con la configuración básica.

Paso 2: Instalar TypeScript
Ahora instala TypeScript como dependencia de desarrollo:

 npm install typescript --save-dev 

Paso 3: Configurar tsconfig.json
Genera el archivo de configuración de TypeScript con:

 npx tsc --init 

Este archivo te permitirá personalizar opciones como el directorio de salida (outDir) y el nivel de compatibilidad con ECMAScript.

Paso 4: Crear tu primer archivo TypeScript
Crea un archivo index.ts y escribe un ejemplo sencillo:

 const saludo: string = "¡Hola, TypeScript!"; console.log(saludo); 

Paso 5: Compilar y ejecutar
Compila tu proyecto con:

 npx tsc 

Y luego ejecuta el archivo compilado en JavaScript:

 node index.js 

Conclusión

Con estos pasos ya tienes un proyecto en TypeScript funcionando. La clave está en mantener una estructura clara y aprovechar el tipado para evitar errores en tiempo de ejecución.

Lectura relacionada: Fundamentos de JavaScript Moderno y TypeScript para.

Artículos que te podrían interesar

Introduccion a Angular y Angular CLI: base tecnica para construir aplicaciones web modulares, mantenibles y escalables

Leer más

Uso de TypeScript en desarrollo web: componentes, servicios y configuración profesional

Leer más

Fundamentos de JavaScript Moderno y TypeScript para Programación Web Avanzada

Leer más