IDE Typescript leve - Execute código Typescript online

Escreva, execute e depure Typescript em uma IDE online leve com edição de vários arquivos, espaços de trabalho persistentes, bibliotecas por versão, compartilhamento e colaboração ao vivo.

Versão

Bibliotecas pré-instaladas

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

💡 Aprenda Typescript para evoluir suas habilidades

Carregando…

🌀 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.

Mais do que um executor de código

Use no mesmo executor um editor de vários arquivos, um terminal de execução isolado, bibliotecas específicas do ambiente, espaços de trabalho persistentes, compartilhamento e colaboração em tempo real.

Como usar este executor?

Escolha um ambiente de execução, abra ou crie um arquivo, escreva o código e selecione Executar. A saída aparece no terminal; usuários conectados podem manter arquivos em um espaço de trabalho, instalar bibliotecas e colaborar por meio de compartilhamentos.

Selecione uma versão e edite o arquivo atual ou abra outro arquivo do espaço de trabalho.
Execute o código, forneça dados no terminal quando solicitado e consulte o histórico de execuções salvo.
Use bibliotecas, ferramentas do espaço de trabalho, compartilhamento e chat quando a tarefa exigir mais de um trecho de código.

Comece a codificar

VersãoSelecione um tempo de execução antes de executar.As bibliotecas instaladas pertencem à versão do idioma selecionado.
Arquivos abertos lista arquivos de texto não abertos.Selecione um para abri-lo em uma guia do editor disponível.
Executar executa o arquivo ativo com seu espaço de trabalho disponível para o programa.
Stop encerra a execução atual antes do limite de tempo.
O Modo Avançado abre o layout IDE com um explorador de arquivos e um terminal móvel e redimensionável.

Espaço de trabalho e bibliotecas

Novo arquivo cria um arquivo no diretório pai selecionado e o abre no editor.
A nova pasta cria um diretório, até a profundidade de aninhamento suportada.
Carregar arquivos adiciona um ou mais arquivos seguros a um diretório.
Baixar salva um arquivo ou diretório compactado em seu dispositivo.
Copiar duplica um arquivo ou diretório de espaço de trabalho.
Renomear altera o nome de um arquivo e atualiza sua guia aberta e histórico.
Move realoca um item;arquivos e diretórios também podem ser arrastados.
Excluir remove um item após a confirmação e fecha a guia aberta do editor.
Libs pré-instaladas mostram pacotes já incluídos neste tempo de execução.
Adicionar Lib instala um pacote privado para sua conta e tempo de execução selecionado.

Terminal e assistência

O histórico de execução abre as saídas salvas anteriores e seguintes.
Execute com switches Python entre o servidor de execução e o navegador Python.O navegador Python não pode usar arquivos de espaço de trabalho ou bibliotecas instaladas no servidor.
A saída de cópia copia o texto do terminal atual.
Limpar saída remove todas as saídas de execução salvas após a confirmação.
Explicar resume o código ativo.
Recentes abre explicações e resultados recentes.
As configurações alteram fontes, temas e botões visíveis da barra de ferramentas.

Compartilhamento e colaboração

Compartilhar publica o arquivo atual, um diretório ou todo o espaço de trabalho como um instantâneo ou espaço de trabalho ativo.Você controla o acesso ao link e quem pode salvar as alterações.
Registra as ações salvas do colaborador em um espaço de trabalho compartilhado.
Compartilhar bate-papo permite que participantes conectados enviem mensagens, mencionem pessoas, compartilhem blocos de código e vejam membros on-line ou digitando.
A colaboração ao vivo mostra cursores de colaboradores e atualizações de arquivos salvos.Os usuários somente visualização podem carregar a versão mais recente ou manter edições temporárias.

Cotas e limites

O tempo de execução é limitado a 20 segundos por execução do servidor.Use Parar quando quiser terminar mais cedo.
O armazenamento do espaço de trabalho permite 100 arquivos, 100 diretórios e 10 MiB no total para cada espaço de trabalho e idioma do usuário conectado.
Arquivos e pastas são limitados a 1 MiB por arquivo e 5 níveis de diretório aninhados.Os arquivos gerados pelo seu código seguem a mesma cota.
As bibliotecas privadas estão limitadas a 10 pacotes instalados para cada conta e tempo de execução.
Os instantâneos de compartilhamento podem conter até 100 arquivos, 1 MiB por arquivo e 2 MiB no total.
Os convites de compartilhamento suportam até 25 pessoas por compartilhamento, com permissões de acesso e salvamento gerenciadas separadamente.
O chat de compartilhamento permite 2.000 caracteres por mensagem e 10.000 mensagens por compartilhamento.
A imposição de cota também se aplica enquanto o código está em execução.Uma gravação que excede os limites de contagem, tamanho, armazenamento ou aninhamento de arquivos é rejeitada com segurança.

Bom saber Execute apenas o código e instale pacotes em que você confia.A execução é isolada e limitada, mas seu programa ainda pode modificar arquivos dentro de um espaço de trabalho gravável até sua cota imposta.

💡 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();