Skip to content
| Marketplace
Sign in
Visual Studio Code>Education>Code Quest Python et ReactNew to Visual Studio Code? Get it now.
Code Quest Python et React

Code Quest Python et React

Vlad Zaharia

|
1 install
| (1) | Free
Mini-jeu d'apprentissage : résous des niveaux Python et React directement dans l'éditeur.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Code Quest

Mini-jeu VS Code pour apprendre les bases de Python (10 niveaux) et de React (8 niveaux), directement dans l'éditeur.

Jouer

  1. Palette de commandes (Cmd/Ctrl+Shift+P) → Code Quest : Jouer (ou Jouer en Python / Jouer en React).
  2. Le niveau s'ouvre : la consigne est en commentaire en haut du fichier, écris ton code en dessous.
  3. Valide avec le lien ▶ Valider en haut du fichier, le bouton ▶ de la barre d'onglets, la barre d'état ou Cmd+Alt+Entrée (Ctrl+Alt+Entrée sous Windows/Linux).
  4. Réussi : le niveau suivant s'ouvre. Raté : le problème est expliqué (et la ligne soulignée si elle est connue).

Autres commandes : Indice, Recommencer le niveau, Choisir un niveau, Réinitialiser la progression.

Les fichiers de niveaux sont créés dans ~/code-quest-niveaux (réglage codeQuest.levelsFolder).

Prérequis

  • Python : Python 3 installé (python3 ou python, sinon réglage codeQuest.pythonPath).
  • React : rien à installer, React 18 est embarqué dans l'extension.

Le code que tu écris est exécuté localement sur ta machine, dans un processus séparé arrêté au bout de 5 s (codeQuest.timeoutSeconds), sans autre isolation : n'y colle pas de code d'origine inconnue.

Développement

npm install
npm test                  # build + tests unitaires (chaque solution passe, chaque code de départ échoue)
npm run test:integration  # scénario complet dans un vrai VS Code
npm run package           # typecheck + tests + génération du .vsix

Ajouter un niveau : une entrée dans src/core/levels/python.ts ou src/core/levels/react.ts (consigne, indices, code de départ, solution, tests). Les tests automatiques vérifient la nouvelle entrée sans autre changement.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft