TypeScript 7.0.0

Compilador de TypeScript Online

Name: myCompiler TypeScript
Author: myCompiler

myCompiler é um compilador, editor e executor de código online e gratuito para TypeScript que permite escrever, executar e compartilhar código TypeScript diretamente no seu navegador. Funciona como playground, sandbox, fiddle, compilador na nuvem e REPL online para TypeScript. Sem downloads, sem instalação necessária. Basta abrir o editor e começar a programar com realce de sintaxe, autocompletar e saída instantânea.

Comece a programar em TypeScript Como funciona

27+ linguagens Usado por 1M+ desenvolvedores Gratuito para sempre

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

Como executar código TypeScript online

Três passos para ir da ideia ao código TypeScript em execução neste playground online. Sem necessidade de conta.

Escreva seu código

Abra o editor TypeScript e comece a escrever. O editor inteligente oferece realce de sintaxe, autocompletar e detecção de erros enquanto você digita.

Clique em Executar

Pressione o botão Run ou pressione +Enter para executar seu código TypeScript em servidores na nuvem seguros e isolados.

Veja os resultados

A saída aparece instantaneamente no terminal integrado. Erros e exceções são exibidos com mensagens claras e úteis.

Tudo o que você precisa para programar em TypeScript

Um IDE online completo e playground de programação para TypeScript no seu navegador. Escreva, execute e compartilhe código sem nenhuma configuração.

Zero configuração necessária

Comece a programar em segundos com este interpretador TypeScript baseado no navegador. Sem downloads, sem instalações, sem configuração de ambiente. Abra seu navegador, acesse o myCompiler e comece a escrever código TypeScript imediatamente.

Funciona em qualquer dispositivo com navegador web. Desktop, notebook, tablet, celular, Chromebook. Não há nada para instalar e nada para configurar.

Editor de código rico em recursos

Escreva TypeScript com um editor de código profissional embutido no seu navegador. O realce de sintaxe colore seu código para facilitar a leitura, destacando palavras-chave, strings e funções de um jeito fácil de identificar.

O autocompletar inteligente sugere métodos e propriedades enquanto você digita, e a detecção de erros em tempo real captura os problemas antes de você executar seu código.

Projetos com múltiplos arquivos

Crie e gerencie múltiplos arquivos em um único projeto. Use a barra lateral de arquivos para organizar seu código em módulos e importe-os entre arquivos como em um IDE local.

Construa aplicações modulares com estrutura de projeto adequada. Cada arquivo é editável e você pode alternar entre eles instantaneamente.

Execute código instantaneamente

Clique no botão Executar ou pressione +Enter para executar seu código TypeScript instantaneamente. Este executor de código online exibe a saída imediatamente no painel do terminal integrado. Seu código roda em servidores na nuvem seguros e isolados e os resultados aparecem em segundos.

Mensagens de erro e tracebacks são exibidos de forma clara, facilitando encontrar e corrigir problemas. O terminal suporta cores ANSI para formatação rica de saída.

Pronto para experimentar? Escreva e execute seu primeiro programa TypeScript em segundos.

Abrir editor TypeScript

TypeScript no myCompiler

myCompiler executa o TypeScript 7.0.0, sempre atualizado com a versão estável mais recente. Você tem acesso a um IDE completo baseado no navegador com realce de sintaxe, autocompletar inteligente, suporte a projetos com múltiplos arquivos, terminal integrado para saída em tempo real e entrada padrão (stdin) para programas interativos. Escreva, compile, execute e depure código TypeScript em qualquer dispositivo. Desktop, notebook, tablet, celular, Chromebook. Zero downloads, zero configuração e sem necessidade de cadastro. Salve seus programas com uma URL única e compartilhe com qualquer pessoa. Você também pode incorporar um editor TypeScript funcional no seu próprio site.

Use este playground online de TypeScript como um executor de código rápido para testar trechos, uma sandbox de programação para aprendizado, ou um compilador na nuvem para preparação de entrevistas técnicas. O editor inclui modo escuro para programar com conforto, atalhos de teclado para fluxos de trabalho mais rápidos e mensagens de erro claras com números de linha para depuração ágil. Estudantes o usam para tarefas e prática. Professores o usam para compartilhar exemplos funcionais. Desenvolvedores o usam para prototipar ideias. O myCompiler é amigável para iniciantes, rápido e completamente gratuito. Funciona em qualquer navegador moderno.

Comece a programar em TypeScript

Exemplos de código em TypeScript

Padrões comuns em TypeScript que você pode experimentar no compilador online. Cada exemplo está pronto para executar.

Hello World em TypeScript

main.ts

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

Variáveis e tipos de dados em TypeScript

main.ts

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

Condicionais If-Else em TypeScript

main.ts

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

Laços For e While em 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);
}

Funções em TypeScript

main.ts

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

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

Arrays e coleções em 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);

Classes e objetos em 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());

Tratamento de erros em TypeScript

main.ts

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

Entrada e saída de arquivos em 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);

Generics em 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]));

Experimente esses exemplos no editor

Como receber entrada em TypeScript online

myCompiler suporta entrada padrão (stdin) para programas em TypeScript. Use as funções de entrada padrão do TypeScript para ler a entrada do usuário. Insira seus dados de entrada no painel stdin antes de executar seu programa.

Isso funciona tanto para entrada de linha única quanto de múltiplas linhas. Você pode ler strings e convertê-las em números usando as funções de E/S integradas da linguagem.

Experimente você mesmo

main.ts stdin suportado

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

Saída

Hello Alice!
You'll be 26 next year.

Sem configuração, sem cadastro. Comece a escrever código TypeScript agora mesmo.

Começar a programar agora

Primeiros passos com TypeScript online

Você pode começar a escrever e executar código TypeScript agora mesmo sem instalar nada. Digite seu código e clique em Executar. Este executor de código TypeScript gratuito executa seu programa instantaneamente e exibe a saída no painel do terminal abaixo do editor. Abra o editor online de TypeScript, digite seu código e clique em Executar.

Se você é novo em TypeScript, use este playground online de TypeScript para começar com os fundamentos como variáveis, tipos de dados, condicionais e laços. Os exemplos de código acima cobrem todos os fundamentos necessários para começar. Cada exemplo pode ser copiado para a sandbox e executado imediatamente. Sem configuração, sem setup.

À medida que você avança, experimente criar projetos com múltiplos arquivos, usar bibliotecas e compartilhar seus programas com outras pessoas via URL. Cadastre-se gratuitamente para salvar seu trabalho e construir uma biblioteca pessoal de programas. O myCompiler funciona como um IDE online completo para TypeScript direto no seu navegador.

Quem usa o myCompiler

Seja aprendendo a programar, se preparando para entrevistas ou prototipando ideias, o myCompiler foi feito para você.

Estudantes e Aprendizes

Pratique exercícios, complete tarefas e experimente com código sem precisar instalar nada em computadores escolares ou pessoais.

Professores e Educadores

Compartilhe exemplos de código com alunos via URLs únicas. Incorpore o compilador em materiais de curso para que os alunos possam executar exemplos diretamente no navegador.

Candidatos a entrevistas

Pratique problemas de entrevistas de programação, teste algoritmos e verifique soluções rapidamente durante a preparação para entrevistas técnicas.

Desenvolvedores profissionais

Prototipe ideias rapidamente, teste trechos de código ou experimente uma biblioteca sem configurar um ambiente local. Ótimo para experimentos rápidos.

Criadores de conteúdo e Blogueiros

Incorpore exemplos interativos em posts de blog, tutoriais e documentação para que os leitores possam executar o código sem sair da página.

Equipes e Colaboradores

Compartilhe trechos de código com colegas via URLs. Outros podem visualizar, executar e fazer fork do seu código para construir sobre o seu trabalho.

myCompiler vs. IDE local

Por que usar um compilador TypeScript online em vez de instalar um localmente?

Recurso	myCompiler	IDE local
Tempo de configuração	Instantâneo	Minutos a horas
Instalação	Nenhuma necessária	TypeScript + IDE necessários
Suporte a dispositivos	Qualquer navegador	Somente desktop
Compartilhamento de código	URL com um clique	Manual (arquivo, git, etc.)
Linguagens	27+ em um só lugar	Uma por vez
Custo	Gratuito para sempre	Gratuito a R$$$
Funciona no Chromebook	Sim	Limitado

O que é TypeScript?

TypeScript é um superset de JavaScript com tipagem forte, desenvolvido pela Microsoft e lançado pela primeira vez em 2012. Projetado por Anders Hejlsberg (também designer de C# e Turbo Pascal), TypeScript adiciona tipagem estática opcional, interfaces, enums, generics e decorators ao JavaScript. Qualquer JavaScript válido é TypeScript válido — você pode adotar TypeScript incrementalmente.

TypeScript compila para JavaScript puro, rodando em qualquer navegador ou ambiente Node.js. Seu sistema de tipos detecta categorias inteiras de bugs em tempo de compilação — undefined is not a function, erros de ponteiro nulo e tipos de argumentos incorretos — que só apareceriam em tempo de execução no JavaScript. Grandes projetos como VS Code, Angular e Deno são escritos em TypeScript.

Para que é usado o TypeScript?

TypeScript é usado para aplicações frontend de larga escala com Angular (que requer TypeScript), React com TypeScript e Vue 3, serviços backend Node.js onde segurança de tipos reduz bugs em APIs, frameworks full-stack como Next.js e NestJS, desenvolvimento de bibliotecas onde tipagens fortes melhoram a experiência do consumidor, e qualquer base de código onde múltiplos desenvolvedores colaboram e precisam de interfaces claras.

TypeScript para iniciantes

TypeScript é melhor aprendido após ter uma base sólida em JavaScript. Uma vez que você entenda o comportamento em tempo de execução do JavaScript, o sistema de tipos do TypeScript ajuda a escrever código mais previsível. As mensagens de erro do compilador TypeScript são educativas — explicam exatamente qual incompatibilidade de tipos ocorreu e por quê. Use o compilador online de TypeScript do myCompiler para experimentar com tipos, interfaces, generics e decorators sem configurar um tsconfig.json localmente.

TypeScript vs outras linguagens

Comparado ao JavaScript, TypeScript adiciona segurança de tipos em tempo de compilação que detecta bugs mais cedo, ao custo de uma etapa de compilação e sintaxe mais verbosa para anotações de tipo. Comparado ao Flow (verificador de tipos JavaScript do Facebook), TypeScript venceu a batalha do ecossistema — virtualmente todos os grandes frameworks agora têm suporte de primeira classe ao TypeScript. Comparado ao Java ou C#, o sistema de tipos do TypeScript é estrutural (não nominal) e mais flexível, mas o runtime JavaScript por baixo significa que algumas informações de tipo são apagadas em tempo de execução.

Por que usar um compilador TypeScript online?

Um compilador TypeScript online, também chamado de playground ou sandbox TS, permite compilar e executar código TypeScript diretamente no seu navegador sem instalar Node.js, tsc ou configurar tsconfig.json. É ideal para aprender tipos TypeScript, experimentar com generics e utility types, testar decorators e compartilhar exemplos TypeScript com anotações de tipo intactas.

O IDE online de TypeScript do myCompiler realiza verificação completa de tipos usando o compilador oficial tsc. Erros de tipo aparecem no painel de saída com números de linha. O ambiente suporta recursos modernos de TypeScript incluindo conditional types, template literal types e decorators. Salve e compartilhe programas via URL — completamente gratuito.

Por que TypeScript é tão popular?

A ascensão do TypeScript tem sido meteórica — na Pesquisa de Desenvolvedores do Stack Overflow, ele é classificado como uma das linguagens mais amadas há anos consecutivos. Sua adoção acelerou quando Angular o tornou a linguagem padrão e quando o ecossistema React adicionou forte suporte a TypeScript. O principal motor é a produtividade do desenvolvedor em escala: IntelliSense, ferramentas de refatoração e verificação de tipos do TypeScript tornam grandes bases de código JavaScript significativamente mais fáceis de manter.

Oportunidades de carreira com TypeScript

Habilidades em TypeScript são agora esperadas para a maioria das funções frontend e Node.js. Vagas de emprego para desenvolvedores React, Angular, Vue e Node.js frequentemente listam TypeScript como habilidade obrigatória ou preferencial. As funções incluem engenheiro frontend, desenvolvedor full-stack, engenheiro backend TypeScript/Node.js e desenvolvedor Angular. Adicionar TypeScript ao conhecimento de JavaScript aumenta significativamente sua empregabilidade.

Experimente TypeScript online Gratuito · Sem necessidade de cadastro

Atalhos de teclado

Programe mais rápido com estes atalhos de teclado no editor do myCompiler.

Executar código

+ Enter

Salvar programa

+ S

Alternar comentário

+ /

Indentar linha

Tab

Remover indentação

Shift + Tab

Desfazer

+ Z

Selecionar próxima ocorrência

+ D

Localizar e substituir

+ H

Incorpore o compilador TypeScript no seu site

Adicione um compilador TypeScript interativo ao seu site, blog ou plataforma de aprendizado. Os leitores podem escrever e executar código TypeScript diretamente na sua página sem sair dela.

Perfeito para tutoriais técnicos, cursos de programação, documentação e conteúdo educacional. Salve um programa no myCompiler e use o link de incorporação para adicioná-lo a qualquer página web.

Embedded TypeScript compilador, editor e executor de código

HTML

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

Por que os desenvolvedores escolhem o myCompiler

Um IDE online completo para TypeScript e 27+ outras linguagens de programação.

27+ linguagens

Python, JavaScript, Java, C++, Rust, Go, TypeScript, C# e muito mais. Todos os compiladores e interpretadores em um só lugar. Troque de linguagem instantaneamente.

Modo escuro e claro

Alterne entre temas claro e escuro com um clique. Programe confortavelmente em qualquer condição de iluminação, de dia ou de noite.

Compatível com dispositivos móveis

Editor totalmente responsivo otimizado para celulares, tablets e Chromebooks. Programe em qualquer dispositivo com navegador web. Sem necessidade de baixar aplicativo.

Salve e compartilhe código

Salve programas na sua conta, compartilhe via URLs únicas e deixe outros visualizarem, fazerem fork e executarem seu código. Ótimo para colaboração e revisões de código.

Tags e organização

Organize seus programas salvos com tags e encontre-os rapidamente com busca e filtros. Construa uma biblioteca pessoal de trechos de código e soluções.

Sem necessidade de conta

Comece a escrever e executar código imediatamente. Sem cadastro, sem e-mail, sem cartão de crédito. Crie uma conta gratuita depois, apenas se quiser salvar seu trabalho.

Explore mais linguagens de programação

myCompiler suporta 27+ linguagens. Troque entre elas a qualquer momento. Todas gratuitas, todas em um só lugar.

C++

Java

Ver todas as 27+ linguagens

Perguntas frequentes

Perguntas comuns sobre o uso do compilador, playground e executor de código TypeScript online.

Sim! O myCompiler é completamente gratuito para todas as linguagens suportadas, incluindo TypeScript. Não há assinaturas, planos premium nem custos ocultos. Todos os recursos estão disponíveis sem custo.

O myCompiler mantém seu ambiente TypeScript atualizado. Você pode ver a versão exata na seção de detalhes da linguagem nesta página. Atualizamos regularmente todos os runtimes para suas versões estáveis mais recentes.

Sim. O myCompiler compila TypeScript usando o compilador oficial TSC, que realiza verificação completa de tipos. Erros de tipo serão reportados no painel de saída junto com números de linha.

Basta abrir o editor TypeScript, escrever ou colar seu código e clicar no botão Executar. Seu código será executado em nossos servidores e a saída aparecerá no painel do terminal em segundos.

Sim. Clique em Salvar para armazenar seu programa. Você receberá uma URL única que pode compartilhar com qualquer pessoa. Os destinatários podem visualizar, fazer fork e executar seu código.

Sim. O myCompiler suporta projetos com múltiplos arquivos. Você pode criar, renomear e excluir arquivos na barra lateral. Isso permite organizar seu código TypeScript como em um IDE local.

Sim. Todo código é executado em contêineres isolados em nossos servidores. Cada execução recebe seu próprio ambiente isolado que é destruído após a conclusão. Seu código não pode afetar outros usuários nem nossa infraestrutura.

Sim. O myCompiler tem um design responsivo otimizado para celulares e tablets. Você pode escrever e executar código TypeScript em qualquer lugar. A interface móvel usa abas para alternar entre o editor, a saída e os painéis de arquivos.

Sim. Clique na aba Entrada no painel inferior, digite ou cole seus dados de entrada e clique em Executar. Seu programa lerá a entrada que você forneceu.

A execução é rápida. O código roda em nossa infraestrutura de nuvem otimizada e a saída geralmente aparece em segundos. O tempo de execução depende da complexidade do seu programa.

Sim. O myCompiler oferece um recurso de incorporação. Você pode copiar um trecho iframe e colá-lo no seu site, blog ou documentação. Os visitantes podem editar e executar código diretamente na sua página.

O myCompiler suporta atalhos comuns de editor, incluindo Executar (Ctrl/Cmd+Enter), Salvar (Ctrl/Cmd+S), Localizar (Ctrl/Cmd+F) e mais. Consulte a seção de atalhos de teclado nesta página para a lista completa.

Não. O myCompiler requer conexão com a internet porque o código é compilado e executado em nossos servidores na nuvem. O próprio editor carrega no seu navegador, mas executar código requer conectividade.

O myCompiler oferece um ambiente rápido, gratuito e sem configuração, com um editor de código moderno, suporte a múltiplos arquivos, modo escuro e compartilhamento instantâneo. É ideal para aprendizado, prototipagem, entrevistas e compartilhamento de exemplos de código.

Sim. O myCompiler é ótimo para praticar algoritmos e problemas de programação. Você pode escrever código TypeScript, fornecer entrada personalizada e testar suas soluções instantaneamente. Salve seu trabalho e volte a ele a qualquer momento.

Use instruções de impressão ou saída de console para rastrear o comportamento do seu programa. O myCompiler exibe todas as saídas padrão e mensagens de erro no painel do terminal. As mensagens de erro incluem números de linha para ajudá-lo a localizar os problemas.

Pronto para escrever código TypeScript?

Abra o playground gratuito de TypeScript e comece a programar imediatamente. Sem downloads, sem necessidade de conta.

Comece a programar em TypeScript

Gratuito · Sem necessidade de cadastro · TypeScript 7.0.0