IDE Typescript léger - Exécutez du code Typescript en ligne
Écrivez, exécutez et déboguez du Typescript dans un IDE en ligne léger avec édition multifichier, espaces de travail persistants, bibliothèques par version, partage et collaboration en direct.
📚 Les meilleurs cours de Typescript à essayer absolument
Chargement…
💡 Vous cherchez à améliorer vos compétences ? Ces cours peuvent vous aider : consultez-les pendant que notre modèle d'IA traite votre demande.
🌀 À 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.
Utilisez depuis le même exécuteur un éditeur multifichier, un terminal d’exécution isolé, des bibliothèques propres à chaque environnement, des espaces de travail persistants, le partage et la collaboration en temps réel.
Comment utiliser cet exécuteur ?
Choisissez un environnement d’exécution, ouvrez ou créez un fichier, écrivez votre code, puis sélectionnez Exécuter. La sortie s’affiche dans le terminal ; les utilisateurs connectés peuvent conserver leurs fichiers dans un espace de travail, installer des bibliothèques et collaborer grâce aux partages.
- Sélectionnez une version et modifiez le fichier actuel, ou ouvrez un autre fichier de l’espace de travail.
- Exécutez le code, saisissez les données demandées dans le terminal et consultez l’historique des exécutions enregistrées.
- Utilisez les bibliothèques, les outils de l’espace de travail, le partage et le chat lorsque votre tâche nécessite plusieurs extraits de code.
💡 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();