Exécuteur TypeScript CLI en ligne

Testez et déboguez du code TypeScript directement dans votre navigateur via une interface CLI, sans config, parfait pour devs en mobilité.

Version

Exemple

🚀 exécutions totales ( ce mois-ci)

💡 Apprenez Typescript pour booster vos compétences

🌀 À propos de cet exécuteur TypeScript en ligne

Le CodeUtility TypeScript Executor vous permet d’écrire et d’exécuter du code TypeScript directement dans votre navigateur — sans configuration de compilateur, installation de Node.js ni environnement local. Il exécute du vrai code TypeScript compilé en JavaScript dans un environnement d’exécution sécurisé et isolé.

Cet environnement prend actuellement en charge TypeScript 5.4, vous donnant accès aux dernières fonctionnalités du langage telles que les décorateurs, une meilleure inférence de types et la prise en charge des versions modernes d’ECMAScript.

Que vous appreniez TypeScript, testiez des fonctions utilitaires ou expérimentiez avec les types et les interfaces, cet outil offre un moyen rapide et interactif d’écrire, compiler et exécuter votre code avec un retour immédiat.

C’est idéal pour les développeurs qui veulent explorer le système de types de TypeScript ou vérifier comment TypeScript se compile en JavaScript sans passer d’un éditeur ou terminal local à l’autre.

💡 Comment utiliser cet outil

1. Choisissez la version de TypeScript disponible (5.4) dans la liste déroulante en haut de l’éditeur.
2. Écrivez ou collez votre code TypeScript dans la zone d’édition — y compris types, interfaces et génériques.
3. Cliquez sur Run pour compiler et exécuter votre code, et voir la sortie dans la console ci‑dessous.
4. Pendant l’exécution, un bouton Stop apparaîtra — cliquez dessus pour mettre fin au processus plus tôt.
5. Utilisez Fix Code pour corriger automatiquement les problèmes de syntaxe ou d’indentation.
6. Après correction, un bouton Fixes apparaît — cliquez dessus pour revoir les corrections récentes.
7. Vous pouvez aussi Upload un fichier local dans l’éditeur ou Download votre code actuel.
8. Chaque exécution dure jusqu’à 20 secondes avant d’expirer, pour des raisons de stabilité et d’équité.

🧠 Astuce : L’exécuteur TypeScript compile automatiquement votre code en JavaScript en arrière‑plan — vous pouvez ainsi tester le comportement réel à l’exécution tout en bénéficiant du typage statique et des garanties à la compilation.

💡 Guide des bases de TypeScript pour débutants

1. Déclaration de variables

TypeScript permet un typage statique avec let, const et des annotations de type.

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

2. Structures conditionnelles (if / switch)

Utilisez if, else if et else pour effectuer des branchements. switch gère plusieurs valeurs.

let x = 5;
if (x > 0) {
  console.log("Positif");
} else if (x < 0) {
  console.log("Négatif");
} else {
  console.log("Zéro");
}

switch (x) {
  case 1:
    console.log("Un");
    break;
  case 2:
    console.log("Deux");
    break;
  default:
    console.log("Autre");
}

3. Boucles

Utilisez for, while et for...of pour l’itération.

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

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

4. Tableaux

Utilisez des crochets [] pour définir des tableaux.

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

5. Manipulation des tableaux

Utilisez les méthodes intégrées comme push, splice et filter.

let arr = [10, 20, 30];
arr.push(40);          // Ajouter à la fin
arr.splice(1, 1);      // Supprimer le deuxième élément
console.log(arr);

6. Entrées/Sorties console

Utilisez console.log pour afficher la sortie dans la console.

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

7. Fonctions

Déclarez des fonctions avec des paramètres typés et un type de retour.

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

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

8. Maps

Utilisez des objets simples ou Map pour des structures clé‑valeur.

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

9. Gestion des exceptions

Utilisez try et catch pour gérer les erreurs.

try {
  throw new Error("Une erreur s’est produite");
} catch (e) {
  console.error(e.message);
}

10. Entrée/Sortie fichier (Node.js uniquement)

Utilisez le module fs de Node.js pour lire et écrire des fichiers.

import * as fs from "fs";

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

11. Manipulation de chaînes

Utilisez des méthodes de chaîne comme length, concat, includes.

let str = "Hello World";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("World"));

12. Classes et objets

TypeScript prend en charge la programmation orientée objet.

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

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