TypeScript 7.0.0

Compilateur TypeScript en ligne

Name: myCompiler TypeScript
Author: myCompiler

myCompiler est un compilateur, éditeur et exécuteur de code TypeScript en ligne gratuit qui vous permet d'écrire, d'exécuter et de partager du code TypeScript directement dans votre navigateur. Il fonctionne comme votre playground, sandbox, fiddle, compilateur cloud et REPL en ligne pour TypeScript. Aucun téléchargement, aucune installation nécessaire. Ouvrez simplement l'éditeur et commencez à coder avec la coloration syntaxique, l'autocomplétion et une sortie instantanée.

Commencer à coder en TypeScript Comment ça fonctionne

27+ langages Utilisé par 1M+ développeurs Gratuit pour toujours

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

Comment exécuter du code TypeScript en ligne

Trois étapes pour passer de l'idée à l'exécution de code TypeScript dans ce playground en ligne. Aucun compte requis.

Écrivez votre code

Ouvrez l'éditeur TypeScript et commencez à écrire. L'éditeur intelligent vous offre la coloration syntaxique, l'autocomplétion et la détection d'erreurs au fur et à mesure que vous tapez.

Cliquez sur Exécuter

Cliquez sur le bouton Run ou appuyez sur +Enter pour exécuter votre code TypeScript sur des serveurs cloud sécurisés et isolés.

Voir les résultats

La sortie s'affiche instantanément dans le terminal intégré. Les erreurs et les exceptions apparaissent avec des messages clairs et utiles.

Tout ce dont vous avez besoin pour coder en TypeScript

Un IDE TypeScript en ligne complet et un playground dans votre navigateur. Écrivez, exécutez et partagez du code sans aucune configuration.

Aucune configuration requise

Commencez à coder en quelques secondes avec cet interpréteur TypeScript dans le navigateur. Aucun téléchargement, aucune installation, aucune configuration d'environnement. Ouvrez votre navigateur, allez sur myCompiler et commencez immédiatement à écrire du code TypeScript.

Fonctionne sur tout appareil doté d'un navigateur web. Bureau, portable, tablette, téléphone, Chromebook. Il n'y a rien à installer et rien à configurer.

Éditeur de code complet

Écrivez du code TypeScript avec un éditeur de code de niveau professionnel intégré à votre navigateur. La coloration syntaxique met en couleur votre code pour une meilleure lisibilité, rendant les mots-clés, les chaînes et les fonctions faciles à distinguer en un coup d'œil.

L'autocomplétion intelligente suggère des méthodes et des propriétés au fur et à mesure que vous tapez, et la détection d'erreurs en temps réel repère les erreurs avant que vous n'exécutiez votre code.

Projets multi-fichiers

Créez et gérez plusieurs fichiers dans un seul projet. Utilisez le panneau latéral des fichiers pour organiser votre code en modules, puis importez-les entre les fichiers comme dans un IDE de bureau.

Construisez des applications modulaires avec une structure de projet appropriée. Chaque fichier est modifiable et vous pouvez passer de l'un à l'autre instantanément.

Exécutez le code instantanément

Cliquez sur le bouton Exécuter ou appuyez sur +Enter pour exécuter votre code TypeScript instantanément. Cet exécuteur de code en ligne affiche la sortie immédiatement dans le panneau du terminal intégré. Votre code s'exécute sur des serveurs cloud sécurisés et isolés, et les résultats apparaissent en quelques secondes.

Les messages d'erreur et les traces sont affichés clairement, ce qui facilite la recherche et la correction des problèmes. Le terminal prend en charge les couleurs ANSI pour un formatage de sortie enrichi.

Prêt à l'essayer ? Écrivez et exécutez votre premier programme TypeScript en quelques secondes.

Ouvrir l'éditeur TypeScript

TypeScript sur myCompiler

myCompiler exécute TypeScript 7.0.0, toujours à jour avec la dernière version stable. Vous bénéficiez d'un IDE complet dans le navigateur avec coloration syntaxique, complétion de code intelligente, prise en charge des projets multi-fichiers, un terminal intégré pour une sortie en temps réel, et l'entrée standard (stdin) pour les programmes interactifs. Écrivez, compilez, exécutez et déboguez du code TypeScript sur n'importe quel appareil. Bureau, portable, tablette, téléphone, Chromebook. Aucun téléchargement, aucune configuration, aucune inscription requise. Sauvegardez vos programmes avec une URL unique et partagez-les avec n'importe qui. Vous pouvez également intégrer un éditeur TypeScript fonctionnel sur votre propre site web.

Utilisez ce playground TypeScript en ligne comme exécuteur de code rapide pour tester des extraits, un sandbox de codage pour l'apprentissage, ou un compilateur cloud pour la préparation aux entretiens de programmation. L'éditeur comprend un mode sombre pour un codage confortable, des raccourcis clavier pour des flux de travail plus rapides, et des messages d'erreur clairs avec des numéros de ligne pour déboguer rapidement. Les étudiants l'utilisent pour leurs devoirs et leur pratique. Les enseignants l'utilisent pour partager des exemples fonctionnels. Les développeurs l'utilisent pour prototyper des idées. myCompiler est convivial pour les débutants, rapide et entièrement gratuit. Il fonctionne dans n'importe quel navigateur web moderne.

Commencer à coder en TypeScript

Exemples de code TypeScript

Modèles TypeScript courants que vous pouvez essayer dans le compilateur en ligne. Chaque exemple est prêt à exécuter.

Hello World en TypeScript

main.ts

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

Variables et types de données en TypeScript

main.ts

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

Conditions If-Else en TypeScript

main.ts

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

Boucles For et While en 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);
}

Fonctions en TypeScript

main.ts

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

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

Tableaux et collections en 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 et objets en 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());

Gestion des erreurs en TypeScript

main.ts

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

E/S de fichiers en 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);

Génériques en 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]));

Essayer ces exemples dans l'éditeur

Comment saisir des données en TypeScript en ligne

myCompiler prend en charge l'entrée standard (stdin) pour les programmes TypeScript. Utilisez les fonctions d'entrée standard de TypeScript pour lire les données utilisateur. Saisissez vos données d'entrée dans le panneau stdin avant d'exécuter votre programme.

Cela fonctionne aussi bien pour les entrées sur une seule ligne que sur plusieurs lignes. Vous pouvez lire des chaînes de caractères et les convertir en nombres à l'aide des fonctions d'E/S intégrées du langage.

Essayez par vous-même

main.ts stdin pris en charge

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

Sortie

Hello Alice!
You'll be 26 next year.

Aucune configuration, aucune inscription. Commencez à écrire du code TypeScript dès maintenant.

Commencer à coder maintenant

Premiers pas avec TypeScript en ligne

Vous pouvez commencer à écrire et à exécuter du code TypeScript dès maintenant sans rien installer. Tapez votre code et cliquez sur Exécuter. Cet exécuteur de code TypeScript gratuit exécute votre programme instantanément et affiche la sortie dans le panneau du terminal sous l'éditeur. Ouvrez l'éditeur TypeScript en ligne, saisissez votre code et cliquez sur Exécuter.

Si vous débutez en TypeScript, utilisez ce playground TypeScript en ligne pour commencer avec les bases comme les variables, les types de données, les conditions et les boucles. Les exemples de code ci-dessus couvrent tous les fondamentaux dont vous avez besoin pour commencer. Chaque exemple peut être copié dans le sandbox et exécuté immédiatement. Aucune configuration, aucun paramétrage.

Au fil de votre progression, essayez de créer des projets multi-fichiers, d'utiliser des bibliothèques et de partager vos programmes avec d'autres via URL. Inscrivez-vous gratuitement pour sauvegarder votre travail et constituer une bibliothèque personnelle de programmes. myCompiler fonctionne comme un IDE TypeScript en ligne complet directement dans votre navigateur.

Qui utilise myCompiler

Que vous appreniez à coder, que vous vous prépariez à des entretiens ou que vous prototypiez des idées, myCompiler est fait pour vous.

Étudiants et apprenants

Pratiquez des exercices, effectuez des devoirs et expérimentez avec du code sans rien installer sur les ordinateurs de l'école ou personnels.

Enseignants et formateurs

Partagez des exemples de code avec les étudiants via des URLs uniques. Intégrez le compilateur dans les supports de cours afin que les étudiants puissent exécuter des exemples directement dans le navigateur.

Candidats aux entretiens

Pratiquez des exercices d'entretien de programmation, testez des algorithmes et vérifiez des solutions rapidement lors de la préparation aux entretiens techniques.

Développeurs professionnels

Prototypez rapidement des idées, testez des extraits de code ou essayez une bibliothèque sans configurer un environnement local. Idéal pour les expériences rapides.

Créateurs de contenu et blogueurs

Intégrez des exemples interactifs dans des articles de blog, des tutoriels et de la documentation afin que les lecteurs puissent exécuter du code sans quitter la page.

Équipes et collaborateurs

Partagez des extraits de code avec des collègues via des URLs. Les autres peuvent consulter, exécuter et forker votre code pour s'appuyer sur votre travail.

myCompiler vs. IDE local

Pourquoi utiliser un compilateur TypeScript en ligne plutôt qu'en installer un localement ?

Fonctionnalité	myCompiler	IDE local
Temps de configuration	Instantané	De quelques minutes à quelques heures
Installation	Aucune requise	TypeScript + IDE requis
Compatibilité des appareils	N'importe quel navigateur	Bureau uniquement
Partage de code	URL en un clic	Manuel (fichier, git, etc.)
Langages	27+ en un seul endroit	Un à la fois
Coût	Gratuit pour toujours	Gratuit à €€€
Fonctionne sur Chromebook	Oui	Limité

Qu'est-ce que TypeScript ?

TypeScript est un sur-ensemble fortement typé de JavaScript développé par Microsoft et publié pour la première fois en 2012. Conçu par Anders Hejlsberg (également concepteur de C# et Turbo Pascal), TypeScript ajoute un typage statique optionnel, des interfaces, des enums, des génériques et des décorateurs à JavaScript. Tout JavaScript valide est du TypeScript valide -- vous pouvez adopter TypeScript progressivement.

TypeScript se compile en JavaScript standard, s'exécutant dans tout navigateur ou environnement Node.js. Son système de types détecte des catégories entières de bugs à la compilation -- undefined is not a function, erreurs de pointeur null et types d'arguments incorrects -- qui n'apparaîtraient qu'à l'exécution en JavaScript. Des projets majeurs comme VS Code, Angular et Deno sont écrits en TypeScript.

À quoi sert TypeScript ?

TypeScript est utilisé pour les applications frontend à grande échelle avec Angular (qui nécessite TypeScript), React avec TypeScript et Vue 3, les services backend Node.js où la sécurité des types réduit les bugs dans les API, les frameworks full-stack comme Next.js et NestJS, le développement de bibliothèques où les typages améliorent l'expérience utilisateur, et toute base de code où plusieurs développeurs collaborent et ont besoin d'interfaces claires.

TypeScript pour les débutants

TypeScript s'apprend idéalement après avoir une base solide en JavaScript. Une fois que vous comprenez le comportement à l'exécution de JavaScript, le système de types de TypeScript vous aide à écrire du code plus prévisible. Les messages d'erreur du compilateur TypeScript sont pédagogiques -- ils expliquent exactement quelle incompatibilité de type s'est produite et pourquoi. Utilisez le compilateur TypeScript en ligne de myCompiler pour expérimenter avec les types, les interfaces, les génériques et les décorateurs sans configurer un tsconfig.json localement.

TypeScript par rapport aux autres langages

Comparé à JavaScript, TypeScript ajoute une sécurité de type à la compilation qui détecte les bugs plus tôt, au prix d'une étape de compilation et d'une syntaxe plus verbeuse pour les annotations de type. Comparé à Flow (le vérificateur de types JavaScript de Facebook), TypeScript a gagné la bataille de l'écosystème -- pratiquement tous les frameworks majeurs ont désormais un support TypeScript de premier ordre. Comparé à Java ou C#, le système de types de TypeScript est structurel (et non nominal) et plus flexible, mais le runtime JavaScript sous-jacent signifie que certaines informations de type sont effacées à l'exécution.

Pourquoi utiliser un compilateur TypeScript en ligne ?

Un compilateur TypeScript en ligne, également appelé playground TypeScript ou sandbox TS, vous permet de compiler et exécuter du code TypeScript directement dans votre navigateur sans installer Node.js, tsc ou configurer tsconfig.json. C'est idéal pour apprendre les types TypeScript, expérimenter avec les génériques et les types utilitaires, tester les décorateurs et partager des exemples TypeScript avec les annotations de type intactes.

L'IDE TypeScript en ligne de myCompiler effectue une vérification de types complète en utilisant le compilateur officiel tsc. Les erreurs de type apparaissent dans le panneau de sortie avec les numéros de ligne. L'environnement prend en charge les fonctionnalités TypeScript modernes, y compris les types conditionnels, les types littéraux de template et les décorateurs. Sauvegardez et partagez vos programmes via URL, entièrement gratuitement.

Pourquoi TypeScript est-il si populaire ?

L'ascension de TypeScript a été fulgurante -- dans l'enquête développeurs de Stack Overflow, il s'est classé parmi les langages les plus appréciés pendant des années consécutives. Son adoption s'est accélérée quand Angular en a fait le langage par défaut et quand l'écosystème React a ajouté un solide support TypeScript. Le facteur clé est la productivité des développeurs à grande échelle : l'IntelliSense de TypeScript, les outils de refactoring et la vérification de types rendent les grandes bases de code JavaScript nettement plus maintenables.

Opportunités de carrière avec TypeScript

Les compétences TypeScript sont désormais attendues pour la plupart des postes frontend et Node.js. Les offres d'emploi pour les développeurs React, Angular, Vue et Node.js mentionnent fréquemment TypeScript comme compétence requise ou préférée. Les postes incluent ingénieur frontend, développeur full-stack, ingénieur backend TypeScript/Node.js et développeur Angular. Ajouter TypeScript à vos connaissances JavaScript augmente significativement votre employabilité.

Essayer TypeScript en ligne Gratuit · Aucune inscription requise

Raccourcis clavier

Codez plus vite avec ces raccourcis clavier dans l'éditeur myCompiler.

Exécuter le code

+ Enter

Sauvegarder le programme

+ S

Activer/désactiver le commentaire

+ /

Indenter la ligne

Tab

Désindenter la ligne

Shift + Tab

Annuler

+ Z

Sélectionner l'occurrence suivante

+ D

Rechercher et remplacer

+ H

Intégrer le compilateur TypeScript sur votre site web

Ajoutez un compilateur TypeScript interactif à votre site web, blog ou plateforme d'apprentissage. Les lecteurs peuvent écrire et exécuter du code TypeScript directement sur votre page sans la quitter.

Idéal pour les tutoriels techniques, les cours de programmation, la documentation et le contenu éducatif. Sauvegardez un programme sur myCompiler et utilisez le lien d'intégration pour l'ajouter à n'importe quelle page web.

Embedded TypeScript compilateur, éditeur et exécuteur de code

HTML

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

Pourquoi les développeurs choisissent myCompiler

Un IDE en ligne complet pour TypeScript et 27+ autres langages de programmation.

27+ langages

Python, JavaScript, Java, C++, Rust, Go, TypeScript, C# et bien d'autres. Tous les compilateurs et interpréteurs en un seul endroit. Changez de langage instantanément.

Mode sombre et clair

Basculez entre les thèmes clair et sombre en un clic. Codez confortablement dans toutes les conditions d'éclairage, de jour comme de nuit.

Compatible mobile

Éditeur entièrement responsive optimisé pour les téléphones, les tablettes et les Chromebooks. Codez sur n'importe quel appareil doté d'un navigateur web. Aucun téléchargement d'application requis.

Sauvegarder et partager le code

Sauvegardez des programmes dans votre compte, partagez via des URLs uniques et laissez les autres consulter, forker et exécuter votre code. Idéal pour la collaboration et les revues de code.

Étiquettes et organisation

Organisez vos programmes sauvegardés avec des étiquettes et retrouvez-les rapidement grâce à la recherche et aux filtres. Constituez une bibliothèque personnelle d'extraits de code et de solutions.

Aucun compte requis

Commencez à écrire et à exécuter du code immédiatement. Aucune inscription, aucun e-mail, aucune carte de crédit. Créez un compte gratuit ultérieurement seulement si vous souhaitez sauvegarder votre travail.

Explorez d'autres langages de programmation

myCompiler prend en charge 27+ langages. Passez de l'un à l'autre à tout moment. Tous gratuits, tous en un seul endroit.

C++

Java

Voir tous les 27+ langages

Foire aux questions

Questions fréquentes sur l'utilisation du compilateur TypeScript en ligne, du playground et de l'exécuteur de code.

Oui ! myCompiler est entièrement gratuit pour tous les langages pris en charge, y compris TypeScript. Il n'y a pas d'abonnements, pas de niveaux premium et pas de coûts cachés. Chaque fonctionnalité est disponible gratuitement.

myCompiler maintient son environnement TypeScript à jour. Vous pouvez voir la version exacte dans la section des détails du langage sur cette page. Nous mettons régulièrement à jour tous les environnements d'exécution vers leurs dernières versions stables.

Oui. myCompiler compile TypeScript en utilisant le compilateur officiel TSC, qui effectue une vérification de types complète. Les erreurs de type sont signalées dans le panneau de sortie avec les numéros de ligne.

Ouvrez simplement l'éditeur TypeScript, écrivez ou collez votre code, et cliquez sur le bouton Exécuter. Votre code sera exécuté sur nos serveurs et la sortie apparaîtra dans le panneau du terminal en quelques secondes.

Oui. Cliquez sur Sauvegarder pour enregistrer votre programme. Vous recevrez une URL unique que vous pourrez partager avec n'importe qui. Les destinataires peuvent consulter, forker et exécuter votre code.

Oui. myCompiler prend en charge les projets multi-fichiers. Vous pouvez créer, renommer et supprimer des fichiers dans le panneau latéral. Cela vous permet d'organiser votre code TypeScript comme dans un IDE local.

Oui. Tout le code s'exécute dans des conteneurs isolés sur nos serveurs. Chaque exécution dispose de son propre environnement sandbox qui est détruit après l'achèvement. Votre code ne peut pas affecter d'autres utilisateurs ni notre infrastructure.

Oui. myCompiler dispose d'un design responsive optimisé pour les téléphones et les tablettes. Vous pouvez écrire et exécuter du code TypeScript en déplacement. L'interface mobile utilise des onglets pour basculer entre l'éditeur, la sortie et les panneaux de fichiers.

Oui. Cliquez sur l'onglet Entrée dans le panneau inférieur, tapez ou collez vos données d'entrée, puis cliquez sur Exécuter. Votre programme lira les données d'entrée que vous avez fournies.

L'exécution est rapide. Le code s'exécute sur notre infrastructure cloud optimisée et la sortie apparaît généralement en quelques secondes. Le temps d'exécution dépend de la complexité de votre programme.

Oui. myCompiler fournit une fonctionnalité d'intégration. Vous pouvez copier un extrait iframe et le coller sur votre site web, blog ou documentation. Les visiteurs peuvent modifier et exécuter du code directement sur votre page.

myCompiler prend en charge les raccourcis d'éditeur courants, notamment Exécuter (Ctrl/Cmd+Entrée), Sauvegarder (Ctrl/Cmd+S), Rechercher (Ctrl/Cmd+F) et plus encore. Consultez la section des raccourcis clavier sur cette page pour la liste complète.

Non. myCompiler nécessite une connexion internet car le code est compilé et exécuté sur nos serveurs cloud. L'éditeur lui-même se charge dans votre navigateur, mais l'exécution du code nécessite une connexion.

myCompiler offre un environnement rapide, gratuit et sans configuration avec un éditeur de code moderne, la prise en charge multi-fichiers, le mode sombre et le partage instantané. Il est idéal pour l'apprentissage, le prototypage, les entretiens et le partage d'exemples de code.

Oui. myCompiler est idéal pour pratiquer des algorithmes et des exercices de programmation. Vous pouvez écrire du code TypeScript, fournir des données d'entrée personnalisées et tester vos solutions instantanément. Sauvegardez votre travail et revenez-y à tout moment.

Utilisez des instructions d'affichage ou la sortie console pour tracer le comportement de votre programme. myCompiler affiche toutes les sorties standard et les messages d'erreur dans le panneau du terminal. Les messages d'erreur incluent des numéros de ligne pour vous aider à localiser les problèmes.

Prêt à écrire du code TypeScript ?

Ouvrez le playground TypeScript gratuit et commencez à coder immédiatement. Aucun téléchargement, aucun compte requis.

Commencer à coder en TypeScript

Gratuit · Aucune inscription requise · TypeScript 7.0.0