IDE ligera de Typescript - Ejecuta código Typescript online

Escribe, ejecuta y depura Typescript en un IDE online ligero con edición de varios archivos, espacios de trabajo persistentes, bibliotecas por versión, uso compartido y colaboración en vivo.

Versión

Bibliotecas preinstaladas

🚀 183 ejecuciones totales (183 este mes)

✨ Cursos de Typescript que todos están tomando

Cargando…

🌀 Acerca de este ejecutor de TypeScript en línea

El CodeUtility TypeScript Executor te permite escribir y ejecutar código TypeScript directamente en tu navegador - sin configurar un compilador, instalar Node.js ni preparar un entorno local. Ejecuta código TypeScript real compilado a JavaScript dentro de un entorno seguro y aislado (sandbox).

Este entorno actualmente es compatible con TypeScript 5.4, dándote acceso a las funciones más recientes del lenguaje como decoradores, mejor inferencia de tipos y soporte moderno de ECMAScript.

Ya sea que estés aprendiendo TypeScript, probando funciones utilitarias o experimentando con tipos e interfaces, esta herramienta ofrece una forma rápida e interactiva de escribir, compilar y ejecutar tu código con retroalimentación instantánea.

Es perfecto para desarrolladores que quieren explorar el sistema de tipos de TypeScript o verificar cómo TypeScript compila a JavaScript sin cambiar entre editores o terminales locales.

Más que un ejecutor de código

Utiliza un editor de varios archivos, un terminal de ejecución aislado, bibliotecas específicas del entorno, espacios de trabajo persistentes, opciones para compartir y colaboración en tiempo real desde el mismo ejecutor.

¿Cómo se utiliza este ejecutor?

Elige un entorno de ejecución, abre o crea un archivo, escribe el código y selecciona Ejecutar. El resultado aparece en el terminal; los usuarios que han iniciado sesión pueden conservar archivos en un espacio de trabajo, instalar bibliotecas y colaborar mediante elementos compartidos.

Selecciona una versión y edita el archivo actual o abre otro archivo del espacio de trabajo.
Ejecuta el código, introduce datos en el terminal cuando se soliciten y revisa el historial de ejecuciones guardado.
Utiliza bibliotecas, herramientas del espacio de trabajo, opciones para compartir y el chat cuando la tarea requiera más de un fragmento.

Empezar a codificar

VersiónSeleccione un tiempo de ejecución antes de ejecutar.Las bibliotecas instaladas pertenecen a la versión del idioma seleccionado.
Archivos abiertos enumera archivos de texto no abiertos.Seleccione uno para abrirlo en una pestaña del editor disponible.
Ejecutar ejecuta el archivo activo con su espacio de trabajo disponible para el programa.
Stop finaliza la ejecución actual antes de su límite de tiempo.
El modo avanzado abre el diseño IDE con un explorador de archivos y un terminal móvil de tamaño variable.

Espacio de trabajo y bibliotecas

Nuevo archivo crea un archivo en el directorio principal seleccionado y lo abre en el editor.
La nueva carpeta crea un directorio, hasta la profundidad de anidamiento admitida.
Cargar archivos agrega uno o más archivos seguros a un directorio.
La descarga guarda un archivo o un directorio comprimido en su dispositivo.
Copiar duplica un archivo o directorio de espacio de trabajo.
Cambiar nombre cambia el nombre de un archivo y actualiza su pestaña abierta y su historial.
Mover reubica un elemento;También se pueden arrastrar archivos y directorios.
Eliminar elimina un elemento después de la confirmación y cierra la pestaña abierta del editor.
Las bibliotecas preinstaladas muestran los paquetes que ya están incluidos en este tiempo de ejecución.
Add Lib instala un paquete privado para su cuenta y el tiempo de ejecución seleccionado.

Terminal y asistencia

El historial de ejecución abre las salidas guardadas anteriores y siguientes.
Ejecute con conmutadores Python entre el servidor de ejecución y el navegador Python.El navegador Python no puede utilizar archivos del espacio de trabajo ni bibliotecas instaladas en el servidor.
Copiar salida copia el texto del terminal actual.
Borrar salida elimina todas las salidas de ejecución guardadas después de la confirmación.
Explicar resume el código activo.
Recientes abre explicaciones y resultados recientes.
La configuración cambia las fuentes, los temas y los botones visibles de la barra de herramientas.

Compartir y colaborar

Share publica el archivo actual, un directorio o todo el espacio de trabajo como una instantánea o un espacio de trabajo en vivo.Usted controla el acceso a los enlaces y quién puede guardar los cambios.
Registra las acciones guardadas de los colaboradores en un espacio de trabajo compartido.
Compartir chat permite a los participantes que han iniciado sesión enviar mensajes, mencionar personas, compartir bloques de código y ver miembros en línea o escribiendo.
La colaboración en vivo muestra los cursores de los colaboradores y las actualizaciones de archivos guardados.Los usuarios de solo lectura pueden cargar la última versión o mantener ediciones temporales.

Cuotas y límites

El tiempo de ejecución está limitado a 20 segundos por ejecución del servidor.Utilice Detener cuando desee finalizarlo antes.
El almacenamiento del espacio de trabajo permite 100 archivos, 100 directorios y 10 MiB en total para cada espacio de trabajo e idioma de usuario que haya iniciado sesión.
Los archivos y carpetas están limitados a 1 MiB por archivo y 5 niveles de directorio anidados.Los archivos generados por su código siguen la misma cuota.
Las bibliotecas privadas están limitadas a 10 paquetes instalados para cada cuenta y tiempo de ejecución.
Las instantáneas compartidas pueden contener hasta 100 archivos, 1 MiB por archivo y 2 MiB en total.
Las invitaciones para compartir admiten hasta 25 personas por acción, con permisos de acceso y guardado administrados por separado.
El chat compartido permite 2000 caracteres por mensaje y 10 000 mensajes por compartir.
La aplicación de cuotas también se aplica mientras se ejecuta el código.Una escritura que exceda los límites de recuento, tamaño, almacenamiento o anidamiento de archivos se rechaza de forma segura.

Es bueno saberlo Sólo ejecute código e instale paquetes en los que confíe.La ejecución es aislada y limitada, pero su programa aún puede modificar archivos dentro de un espacio de trabajo de escritura hasta su cuota impuesta.

💡 Guía básica de TypeScript para principiantes

1. Declaración de variables

TypeScript permite tipado estático con let, const y anotaciones de tipo.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Condicionales (if / switch)

Usa if, else if y else para ramificar. switch maneja múltiples valores.

let x = 5;
if (x > 0) {
  console.log("Positivo");
} else if (x < 0) {
  console.log("Negativo");
} else {
  console.log("Cero");
}

switch (x) {
  case 1:
    console.log("Uno");
    break;
  case 2:
    console.log("Dos");
    break;
  default:
    console.log("Otro");
}

3. Bucles

Usa for, while y for...of para iterar.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Arreglos

Usa corchetes [] para definir arreglos.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Manipulación de arreglos

Usa métodos integrados como push, splice y filter.

let arr = [10, 20, 30];
arr.push(40);          // Agregar al final
arr.splice(1, 1);      // Eliminar el segundo elemento
console.log(arr);

6. Entrada/salida por consola

Usa console.log para mostrar salida en la consola.

const name: string = "Alice";
console.log("Hola, " + name);

7. Funciones

Declara funciones con parámetros tipados y valores de retorno.

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. Mapas

Usa objetos simples o Map para estructuras clave-valor.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Manejo de excepciones

Usa try y catch para manejar errores.

try {
  throw new Error("Algo salió mal");
} catch (e) {
  console.error(e.message);
}

10. Entrada/salida de archivos (solo Node.js)

Usa el módulo fs de Node.js para leer y escribir archivos.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hola archivo");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Manipulación de cadenas

Usa métodos de cadena como length, concat, includes.

let str = "Hola Mundo";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("Mundo"));

12. Clases y objetos

TypeScript admite la programación orientada a objetos.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(`Hola, soy ${this.name}`);
  }
}

const p = new Person("Alice");
p.greet();