Executor Online de TypeScript CLI

Teste seu code TypeScript direto no navegador com nosso CLI online. Sem instalação, ideal para testar, aprender e depurar.

Versão

Exemplo

🚀 execuções totais ( este mês)

📚 Melhores cursos de Typescript que você precisa conhecer

🌀 Sobre este Executor Online de TypeScript

O CodeUtility TypeScript Executor permite que você escreva e execute código TypeScript diretamente no seu navegador — sem configuração de compilador, instalação do Node.js ou ambiente local. Ele executa código TypeScript real compilado para JavaScript dentro de um ambiente de execução seguro e isolado (sandbox).

Este ambiente atualmente oferece suporte a TypeScript 5.4, dando acesso aos recursos mais recentes da linguagem, como decoradores, inferência de tipos aprimorada e suporte ao ECMAScript moderno.

Seja você esteja aprendendo TypeScript, testando funções utilitárias ou experimentando tipagem e interfaces, esta ferramenta oferece uma forma rápida e interativa de escrever, compilar e executar seu código com feedback instantâneo.

É perfeito para desenvolvedores que querem explorar o sistema de tipos do TypeScript ou verificar como o TypeScript compila para JavaScript sem alternar entre editores ou terminais locais.

💡 Como usar esta ferramenta

1. Escolha a versão disponível do TypeScript (5.4) no menu suspenso no topo do editor.
2. Escreva ou cole seu código TypeScript na área do editor — incluindo tipos, interfaces e genéricos.
3. Clique em Executar para compilar e executar seu código, visualizando a saída no console abaixo.
4. Enquanto estiver em execução, aparecerá um botão Parar — clique nele para encerrar o processo antes.
5. Use Corrigir código para corrigir automaticamente problemas de sintaxe ou indentação.
6. Após corrigir, um botão Correções aparece — clique nele para revisar as correções recentes.
7. Você também pode Enviar um arquivo local para o editor ou Baixar seu código atual.
8. Cada execução roda por até 20 segundos antes de expirar, para garantir estabilidade e equidade.

🧠 Dica: O Executor de TypeScript compila seu código automaticamente para JavaScript nos bastidores — assim você pode testar o comportamento real de execução enquanto se beneficia da tipagem estática e da segurança em tempo de compilação.

💡 Guia de Noções Básicas de TypeScript para Iniciantes

1. Declarando variáveis

TypeScript permite tipagem estática com let, const e anotações de tipo.

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

2. Condicionais (if / switch)

Use if, else if e else para ramificações. switch lida com vários valores.

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

switch (x) {
  case 1:
    console.log("Um");
    break;
  case 2:
    console.log("Dois");
    break;
  default:
    console.log("Outro");
}

3. Laços

Use for, while e for...of para iteração.

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

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

4. Arrays

Use colchetes [] para definir arrays.

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

5. Manipulação de arrays

Use métodos nativos como push, splice e filter.

let arr = [10, 20, 30];
arr.push(40);          // Adicionar ao final
arr.splice(1, 1);      // Remover o segundo elemento
console.log(arr);

6. Entrada/Saída no console

Use console.log para exibir a saída no console.

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

7. Funções

Declare funções com parâmetros tipados e valores de retorno.

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

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

8. Maps

Use objetos simples ou Map para estruturas chave-valor.

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

9. Tratamento de exceções

Use try e catch para tratar erros.

try {
  throw new Error("Algo deu errado");
} catch (e) {
  console.error(e.message);
}

10. E/S de arquivos (apenas Node.js)

Use o módulo fs do Node.js para ler e escrever arquivos.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Olá Arquivo");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Manipulação de strings

Use métodos de string como length, concat, includes.

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

12. Classes e Objetos

TypeScript oferece suporte a programação orientada a objetos.

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

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