TypeScript 7.0.0

Compilador de TypeScript en línea

Name: myCompiler TypeScript
Author: myCompiler

myCompiler es un compilador, editor y ejecutor de código de TypeScript gratuito en línea que te permite escribir, ejecutar y compartir código TypeScript directamente en tu navegador. Funciona como tu playground, sandbox, fiddle, compilador en la nube y REPL en línea de TypeScript. Sin descargas ni instalación. Abre el editor y empieza a programar con resaltado de sintaxis, autocompletado y salida instantánea.

Empieza a programar en TypeScript Cómo funciona

27+ lenguajes Usado por más de 1M de desarrolladores Gratis para siempre

main.ts

interface User {
  name: string;
  age: number;
}

const users: User[] = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
];

for (const u of users) {
  console.log(`${u.name}: ${u.age}`);
}

Output

Alice: 25 Bob: 30

Cómo ejecutar código TypeScript en línea

Tres pasos para pasar de la idea a ejecutar código TypeScript en este playground en línea. No se requiere cuenta.

Escribe tu código

Abre el editor de TypeScript y empieza a escribir. El editor inteligente te ofrece resaltado de sintaxis, autocompletado y detección de errores mientras escribes.

Haz clic en Ejecutar

Pulsa el botón Run o presiona +Enter para ejecutar tu código TypeScript en servidores en la nube seguros y aislados.

Ve los resultados

La salida aparece al instante en el terminal integrado. Los errores y excepciones se muestran con mensajes claros y útiles.

Todo lo que necesitas para programar en TypeScript

Un IDE de TypeScript completo en línea y un playground de programación en tu navegador. Escribe, ejecuta y comparte código sin ninguna configuración.

Sin configuración requerida

Empieza a programar en segundos con este intérprete de TypeScript basado en el navegador. Sin descargas, sin instalaciones, sin configuración de entorno. Abre tu navegador, ve a myCompiler y empieza a escribir código TypeScript de inmediato.

Funciona en cualquier dispositivo con navegador web. Escritorio, portátil, tablet, móvil, Chromebook. No hay nada que instalar ni configurar.

Editor de código con todas las funciones

Escribe código TypeScript con un editor de código de nivel profesional integrado en tu navegador. El resaltado de sintaxis colorea tu código para facilitar la lectura, haciendo que las palabras clave, cadenas y funciones sean fáciles de distinguir de un vistazo.

El autocompletado inteligente sugiere métodos y propiedades mientras escribes, y la detección de errores en tiempo real captura los fallos antes de que ejecutes tu código.

Proyectos multifichero

Crea y gestiona múltiples archivos en un solo proyecto. Usa la barra lateral de archivos para organizar tu código en módulos e impórtalos entre archivos igual que en un IDE de escritorio.

Construye aplicaciones modulares con una estructura de proyecto adecuada. Cada archivo es editable y puedes cambiar entre ellos al instante.

Ejecuta código al instante

Haz clic en el botón Ejecutar o presiona +Enter para ejecutar tu código TypeScript al instante. Este ejecutor de código en línea muestra la salida de forma inmediata en el panel de terminal integrado. Tu código se ejecuta en servidores en la nube seguros y aislados, y los resultados aparecen en segundos.

Los mensajes de error y trazas de pila se muestran con claridad, facilitando la localización y corrección de problemas. El terminal admite colores ANSI para un formato de salida enriquecido.

¿Listo para probarlo? Escribe y ejecuta tu primer programa TypeScript en segundos.

Abrir el editor de TypeScript

TypeScript en myCompiler

myCompiler ejecuta TypeScript 7.0.0, siempre actualizado con la última versión estable. Obtienes un IDE completo basado en el navegador con resaltado de sintaxis, completado inteligente de código, soporte para proyectos multifichero, un terminal integrado para salida en tiempo real y entrada estándar (stdin) para programas interactivos. Escribe, compila, ejecuta y depura código TypeScript en cualquier dispositivo. Escritorio, portátil, tablet, móvil, Chromebook. Sin descargas, sin configuración y sin registro requerido. Guarda tus programas con una URL única y compártelos con cualquiera. También puedes insertar un editor de TypeScript funcional en tu propio sitio web.

Usa este playground de TypeScript en línea como ejecutor rápido de código para probar fragmentos, un sandbox de programación para aprender o un compilador en la nube para preparar entrevistas de programación. El editor incluye modo oscuro para programar cómodamente, atajos de teclado para flujos de trabajo más rápidos y mensajes de error claros con números de línea para depurar rápidamente. Los estudiantes lo usan para tareas y práctica. Los profesores lo usan para compartir ejemplos funcionales. Los desarrolladores lo usan para prototipar ideas. myCompiler es apto para principiantes, rápido y completamente gratuito. Funciona en cualquier navegador web moderno.

Empieza a programar en TypeScript

Ejemplos de código en TypeScript

Patrones comunes de TypeScript que puedes probar en el compilador en línea. Cada ejemplo está listo para ejecutarse.

Hola Mundo en TypeScript

main.ts

console.log("Hello, World!");

Variables y tipos de datos en TypeScript

main.ts

const name: string = "Alice";
let age: number = 30;
const isStudent: boolean = true;
console.log(`${name} is ${age} years old`);

Condicionales if-else en TypeScript

main.ts

const x: number = 10;
if (x > 0) {
  console.log("Positive");
} else if (x === 0) {
  console.log("Zero");
} else {
  console.log("Negative");
}

Bucles for y while en TypeScript

main.ts

for (let i = 0; i < 5; i++) {
  console.log(`Count: ${i}`);
}

const fruits: string[] = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
  console.log(fruit);
}

Funciones en TypeScript

main.ts

function greet(name: string, greeting: string = "Hello"): string {
  return `${greeting}, ${name}!`;
}

console.log(greet("Alice"));
console.log(greet("Bob", "Hi"));

Arrays y colecciones en TypeScript

main.ts

const fruits: string[] = ["apple", "banana", "cherry"];
fruits.push("date");
console.log(fruits[1]);

const person: { name: string; age: number } = { name: "Alice", age: 30 };
console.log(person.name);

Clases y objetos en TypeScript

main.ts

class Dog {
  constructor(public name: string, public breed: string) {}

  bark(): string {
    return `${this.name} says Woof!`;
  }
}

const dog = new Dog("Rex", "Labrador");
console.log(dog.bark());

Manejo de errores en TypeScript

main.ts

try {
  const result = JSON.parse("invalid json");
} catch (e) {
  console.log(`Error: ${(e as Error).message}`);
} finally {
  console.log("Done");
}

E/S de archivos en TypeScript

main.ts

import * as fs from "fs";

// Write to file
fs.writeFileSync("output.txt", "Hello, File!");

// Read from file
const content = fs.readFileSync("output.txt", "utf8");
console.log(content);

Genéricos en TypeScript

main.ts

function identity<T>(value: T): T {
  return value;
}

function firstElement<T>(arr: T[]): T | undefined {
  return arr[0];
}

console.log(identity<string>("Hello TypeScript"));
console.log(identity<number>(42));
console.log(firstElement([10, 20, 30]));

Prueba estos ejemplos en el editor

Cómo tomar entrada en TypeScript en línea

myCompiler admite entrada estándar (stdin) para programas TypeScript. Usa las funciones de entrada estándar de TypeScript para leer la entrada del usuario. Introduce tus datos de entrada en el panel stdin antes de ejecutar tu programa.

Esto funciona tanto para entradas de una sola línea como de varias líneas. Puedes leer cadenas de texto y convertirlas en números usando las funciones de E/S integradas del lenguaje.

Pruébalo tú mismo

main.ts stdin compatible

const readline = require("readline");
const rl = readline.createInterface({
  input: process.stdin
});

const lines: string[] = [];
rl.on("line", (line: string) => lines.push(line));
rl.on("close", () => {
  console.log(`Hello ${lines[0]}!`);
  console.log(`You'll be ${+lines[1] + 1} next year.`);
});

stdin

Alice
25

Salida

Hello Alice!
You'll be 26 next year.

Sin configuración, sin registro. Empieza a escribir código TypeScript ahora mismo.

Empieza a programar ahora

Primeros pasos con TypeScript en línea

Puedes empezar a escribir y ejecutar código TypeScript ahora mismo sin instalar nada. Escribe tu código y haz clic en Ejecutar. Este ejecutor de código gratuito de TypeScript ejecuta tu programa al instante y muestra la salida en el panel de terminal bajo el editor. Abre el editor en línea de TypeScript, escribe tu código y haz clic en Ejecutar.

Si eres nuevo en TypeScript, usa este playground de TypeScript en línea para comenzar con los fundamentos como variables, tipos de datos, condicionales y bucles. Los ejemplos de código anteriores cubren todos los conceptos básicos que necesitas para empezar. Cada ejemplo se puede copiar en el sandbox y ejecutar de inmediato. Sin configuración, sin ajustes.

A medida que avances, prueba a crear proyectos multifichero, usar bibliotecas y compartir tus programas con otros mediante URL. Regístrate con una cuenta gratuita para guardar tu trabajo y crear una biblioteca personal de programas. myCompiler funciona como un IDE completo de TypeScript en línea directamente en tu navegador.

Quién usa myCompiler

Tanto si estás aprendiendo a programar, preparando entrevistas o prototipando ideas, myCompiler está hecho para ti.

Estudiantes y aprendices

Practica ejercicios, completa tareas y experimenta con código sin instalar nada en ordenadores escolares o personales.

Profesores y educadores

Comparte ejemplos de código con los estudiantes mediante URLs únicas. Inserta el compilador en los materiales del curso para que los estudiantes puedan ejecutar ejemplos directamente en el navegador.

Candidatos a entrevistas

Practica problemas de entrevistas de programación, prueba algoritmos y verifica soluciones rápidamente durante la preparación para entrevistas técnicas.

Desarrolladores profesionales

Prototipa ideas rápidamente, prueba fragmentos de código o experimenta con una biblioteca sin configurar un entorno local. Ideal para experimentos rápidos.

Creadores de contenido y bloggers

Inserta ejemplos interactivos en publicaciones de blog, tutoriales y documentación para que los lectores puedan ejecutar código sin abandonar la página.

Equipos y colaboradores

Comparte fragmentos de código con compañeros mediante URLs. Otros pueden ver, ejecutar y hacer fork de tu código para construir sobre tu trabajo.

myCompiler vs. IDE local

¿Por qué usar un compilador de TypeScript en línea en lugar de instalar uno localmente?

Característica	myCompiler	IDE local
Tiempo de configuración	Instantáneo	Minutos u horas
Instalación	No se requiere	Se requiere TypeScript + IDE
Compatibilidad de dispositivos	Cualquier navegador	Solo escritorio
Compartir código	URL con un clic	Manual (archivo, git, etc.)
Lenguajes	27+ en un solo lugar	Uno a la vez
Coste	Gratis para siempre	Gratis hasta €€€
Funciona en Chromebook	Sí	Limitado

¿Qué es TypeScript?

TypeScript es un superconjunto de JavaScript con tipado fuerte desarrollado por Microsoft y lanzado por primera vez en 2012. Diseñado por Anders Hejlsberg (también diseñador de C# y Turbo Pascal), TypeScript añade tipado estático opcional, interfaces, enums, genéricos y decoradores a JavaScript. Cualquier JavaScript válido es TypeScript válido — puedes adoptar TypeScript de forma incremental.

TypeScript compila a JavaScript puro, ejecutándose en cualquier navegador o entorno Node.js. Su sistema de tipos detecta categorías enteras de errores en tiempo de compilación — undefined is not a function, errores de puntero nulo y tipos de argumentos incorrectos — que solo aparecerían en tiempo de ejecución en JavaScript. Proyectos importantes como VS Code, Angular y Deno están escritos en TypeScript.

¿Para qué se usa TypeScript?

TypeScript se usa para aplicaciones frontend a gran escala con Angular (que requiere TypeScript), React con TypeScript y Vue 3, servicios backend Node.js donde la seguridad de tipos reduce errores en APIs, frameworks full-stack como Next.js y NestJS, desarrollo de bibliotecas donde los tipados fuertes mejoran la experiencia del consumidor, y cualquier base de código donde múltiples desarrolladores colaboran y necesitan interfaces claras.

TypeScript para principiantes

TypeScript se aprende mejor después de tener una base sólida en JavaScript. Una vez que entiendas el comportamiento en tiempo de ejecución de JavaScript, el sistema de tipos de TypeScript te ayuda a escribir código más predecible. Los mensajes de error del compilador de TypeScript son educativos — explican exactamente qué desajuste de tipos ocurrió y por qué. Usa el compilador de TypeScript en línea de myCompiler para experimentar con tipos, interfaces, genéricos y decoradores sin configurar un tsconfig.json localmente.

TypeScript vs otros lenguajes

Comparado con JavaScript, TypeScript añade seguridad de tipos en tiempo de compilación que detecta errores antes, a costa de un paso de compilación y sintaxis más verbosa para las anotaciones de tipos. Comparado con Flow (el verificador de tipos de JavaScript de Facebook), TypeScript ha ganado la batalla del ecosistema — prácticamente todos los frameworks importantes ahora tienen soporte de primera clase para TypeScript. Comparado con Java o C#, el sistema de tipos de TypeScript es estructural (no nominal) y más flexible, pero el runtime JavaScript subyacente significa que cierta información de tipos se elimina en tiempo de ejecución.

¿Por qué usar un compilador de TypeScript en línea?

Un compilador de TypeScript en línea, también llamado playground o sandbox de TS, te permite compilar y ejecutar código TypeScript directamente en tu navegador sin instalar Node.js, tsc o configurar tsconfig.json. Es ideal para aprender los tipos de TypeScript, experimentar con genéricos y tipos utilitarios, probar decoradores y compartir ejemplos de TypeScript con anotaciones de tipos intactas.

El IDE de TypeScript en línea de myCompiler realiza una verificación de tipos completa usando el compilador oficial tsc. Los errores de tipos aparecen en el panel de salida con números de línea. El entorno soporta características modernas de TypeScript incluyendo tipos condicionales, tipos de literal de plantilla y decoradores. Guarda y comparte programas por URL, completamente gratis.

¿Por qué es tan popular TypeScript?

El ascenso de TypeScript ha sido meteórico — en la Encuesta de Desarrolladores de Stack Overflow se ha clasificado como uno de los lenguajes más queridos durante años consecutivos. Su adopción se aceleró cuando Angular lo convirtió en el lenguaje predeterminado y cuando el ecosistema de React añadió fuerte soporte de TypeScript. El factor clave es la productividad del desarrollador a escala: el IntelliSense, las herramientas de refactorización y la verificación de tipos de TypeScript hacen que las grandes bases de código JavaScript sean significativamente más mantenibles.

Oportunidades laborales con TypeScript

Las habilidades en TypeScript son ahora esperadas para la mayoría de roles frontend y Node.js. Las ofertas de empleo para desarrolladores de React, Angular, Vue y Node.js frecuentemente listan TypeScript como habilidad requerida o preferida. Los roles incluyen ingeniero frontend, desarrollador full-stack, ingeniero backend TypeScript/Node.js y desarrollador Angular. Añadir TypeScript al conocimiento de JavaScript aumenta significativamente tu empleabilidad.

Prueba TypeScript en línea Gratis · No se requiere registro

Atajos de teclado

Programa más rápido con estos atajos de teclado en el editor de myCompiler.

Ejecutar código

+ Enter

Guardar programa

+ S

Activar/desactivar comentario

+ /

Indentar línea

Tab

Quitar indentación

Shift + Tab

Deshacer

+ Z

Seleccionar siguiente ocurrencia

+ D

Buscar y reemplazar

+ H

Inserta el compilador de TypeScript en tu sitio web

Añade un compilador interactivo de TypeScript a tu sitio web, blog o plataforma de aprendizaje. Los lectores pueden escribir y ejecutar código TypeScript directamente en tu página sin salir de ella.

Perfecto para tutoriales técnicos, cursos de programación, documentación y contenido educativo. Guarda un programa en myCompiler y usa el enlace de inserción para añadirlo a cualquier página web.

Embedded TypeScript compilador, editor y ejecutor de código

HTML

<iframe
src="https://www.mycompiler.io
    /embed/typescript"
width="100%"
height="400"
frameborder="0">
</iframe>

Por qué los desarrolladores eligen myCompiler

Un IDE en línea completo para TypeScript y 27+ otros lenguajes de programación.

27+ lenguajes

Python, JavaScript, Java, C++, Rust, Go, TypeScript, C# y muchos más. Todos los compiladores e intérpretes en un solo lugar. Cambia de lenguaje al instante.

Modo oscuro y claro

Cambia entre temas claro y oscuro con un clic. Programa cómodamente con cualquier iluminación, de día o de noche.

Compatible con móviles

Editor totalmente responsive optimizado para teléfonos, tablets y Chromebooks. Programa en cualquier dispositivo con navegador web. No se necesita descargar ninguna app.

Guarda y comparte código

Guarda programas en tu cuenta, compártelos mediante URLs únicas y permite que otros vean, hagan fork y ejecuten tu código. Ideal para colaboración y revisiones de código.

Etiquetas y organización

Organiza tus programas guardados con etiquetas y encuéntralos rápidamente con búsqueda y filtros. Crea una biblioteca personal de fragmentos de código y soluciones.

No se requiere cuenta

Empieza a escribir y ejecutar código de inmediato. Sin registro, sin correo electrónico, sin tarjeta de crédito. Crea una cuenta gratuita más adelante solo si quieres guardar tu trabajo.

Explora más lenguajes de programación

myCompiler admite 27+ lenguajes. Cambia entre ellos en cualquier momento. Todos gratuitos, todos en un solo lugar.

C++

Java

Ver todos los 27+ lenguajes

Preguntas frecuentes

Preguntas comunes sobre el uso del compilador de TypeScript en línea, el playground y el ejecutor de código.

¡Sí! myCompiler es completamente gratuito para todos los lenguajes compatibles, incluido TypeScript. No hay suscripciones, niveles premium ni costes ocultos. Todas las funciones están disponibles sin cargo.

myCompiler mantiene su entorno de TypeScript actualizado. Puedes ver la versión exacta en la sección de detalles del lenguaje de esta página. Actualizamos regularmente todos los entornos de ejecución a sus últimas versiones estables.

Sí. myCompiler compila TypeScript usando el compilador oficial TSC, que realiza una verificación de tipos completa. Los errores de tipos se reportarán en el panel de salida junto con los números de línea.

Simplemente abre el editor de TypeScript, escribe o pega tu código y haz clic en el botón Ejecutar. Tu código se ejecutará en nuestros servidores y la salida aparecerá en el panel de terminal en cuestión de segundos.

Sí. Haz clic en Guardar para almacenar tu programa. Recibirás una URL única que puedes compartir con cualquiera. Los destinatarios pueden ver, hacer fork y ejecutar tu código.

Sí. myCompiler admite proyectos multifichero. Puedes crear, renombrar y eliminar archivos en la barra lateral. Esto te permite organizar tu código TypeScript igual que en un IDE local.

Sí. Todo el código se ejecuta en contenedores aislados en nuestros servidores. Cada ejecución obtiene su propio entorno sandbox que se destruye tras su finalización. Tu código no puede afectar a otros usuarios ni a nuestra infraestructura.

Sí. myCompiler tiene un diseño responsive optimizado para teléfonos y tablets. Puedes escribir y ejecutar código TypeScript en cualquier lugar. La interfaz móvil usa pestañas para cambiar entre el editor, la salida y los paneles de archivos.

Sí. Haz clic en la pestaña Entrada en el panel inferior, escribe o pega tus datos de entrada y luego haz clic en Ejecutar. Tu programa leerá de la entrada que proporcionaste.

La ejecución es rápida. El código se ejecuta en nuestra infraestructura en la nube optimizada y la salida suele aparecer en segundos. El tiempo de ejecución depende de la complejidad de tu programa.

Sí. myCompiler ofrece una función de inserción. Puedes copiar un fragmento de iframe y pegarlo en tu sitio web, blog o documentación. Los visitantes pueden editar y ejecutar código directamente en tu página.

myCompiler admite atajos de editor comunes, incluidos Ejecutar (Ctrl/Cmd+Enter), Guardar (Ctrl/Cmd+S), Buscar (Ctrl/Cmd+F) y más. Consulta la sección de atajos de teclado en esta página para ver la lista completa.

No. myCompiler requiere conexión a internet porque el código se compila y ejecuta en nuestros servidores en la nube. El editor en sí se carga en tu navegador, pero ejecutar código requiere conectividad.

myCompiler ofrece un entorno rápido, gratuito y sin configuración con un editor de código moderno, soporte multifichero, modo oscuro y uso compartido instantáneo. Es ideal para aprender, prototipar, preparar entrevistas y compartir ejemplos de código.

Sí. myCompiler es ideal para practicar algoritmos y problemas de programación. Puedes escribir código TypeScript, proporcionar entrada personalizada y probar tus soluciones al instante. Guarda tu trabajo y vuelve a él en cualquier momento.

Usa sentencias print o salida de consola para rastrear el comportamiento de tu programa. myCompiler muestra toda la salida estándar y los mensajes de error en el panel de terminal. Los mensajes de error incluyen números de línea para ayudarte a localizar los problemas.

¿Listo para escribir código TypeScript?

Abre el playground gratuito de TypeScript y empieza a programar de inmediato. Sin descargas ni cuenta requerida.

Empieza a programar en TypeScript

Gratis · No se requiere registro · TypeScript 7.0.0