Skip to main content

À propos de l’utilisation de Visual Studio Code avec GitHub Classroom

Vous pouvez configurer Visual Studio Code comme l’éditeur préféré pour les affectations dans GitHub Classroom.

Remarque : l’extension GitHub Classroom pour VS Code n’est plus en développement actif. Le badge Ouvrir dans VS Code dans les référentiels étudiants fonctionne toujours, mais d’autres fonctionnalités de l’extension peuvent ne pas fonctionner comme prévu.

À propos de Visual Studio Code

Visual Studio Code est un éditeur de code source léger mais puissant. Il s’exécute sur un poste de travail et est disponible sur les plateformes Windows, macOS et Linux. Avec l’extension GitHub Classroom pour VS Code, les étudiants peuvent facilement parcourir, modifier, soumettre, partager et vérifier leurs devoirs Classroom. Pour plus d’informations sur les IDE,et GitHub Classroom, consultez « Intégrer GitHub Classroom à un IDE ».

Éditeur de prédilection de votre étudiant

L’intégration de GitHub Classroom à VS Code fournit aux étudiants un pack d’extension qui contient :

  1. L’extension GitHub Classroom avec des abstractions personnalisées qui permettent aux étudiants de naviguer facilement dès le début.
  2. L’extension Visual Studio Live Share intégrée à une vue de l’étudiant pour contacter facilement les assistants d’enseignement et les camarades de classe afin d’obtenir de l’aide et de collaborer.
  3. L’extension demande de tirage (pull request) GitHub qui permet aux étudiants de voir les commentaires de leurs instructeurs dans l’éditeur.

Comment lancer le devoir dans VS Code

Quand vous créez un devoir, vous pouvez ajouter VS Code comme éditeur par défaut pour le devoir. Pour plus d’informations, consultez Intégrer GitHub Classroom à un IDE.

Un badge « Ouvrir dans VS Code » est alors inclus dans tous les dépôts étudiant. Ce badge gère l’installation de VS Code, le pack d’extension Classroom et l’ouverture du devoir actif en un clic.

Remarque : L’étudiant doit avoir Git installé sur son ordinateur pour pousser le code à partir de VS Code vers son dépôt. Git n’est pas installé automatiquement quand vous cliquez sur le bouton Ouvrir dans VS Code . L’étudiant peut télécharger Git depuis télécharger Git.

Comment utiliser le pack extension GitHub Classroom

L’extension GitHub Classroom a deux composants majeurs : la vue « Classes » et la vue « Devoir actif ».

Quand l’étudiant lance l’extension pour la première fois, il est automatiquement dirigé vers l’onglet Explorateur dans VS Code, où il peut voir la vue « Devoir actif » en même temps que l’arborescence des fichiers du dépôt.

L’étudiant peut pousser ses commits sur la dernière version du dépôt distant, en cliquant sur le bouton synchroniser les changements, qui s’affiche en pointant sur la ligne « Devoir actif ». Cela fait abstraction du contrôle de code source avec Git, et permet aux instructeurs d’enseigner Git à leur propre rythme. La synchronisation des changements déclenche également l’exécution de « Tests », si un enseignant a configuré l’évaluation automatique pour le devoir.

Le nœud « Groupe » sous « Devoir actif » affiche les membres d’un groupe, si le devoir est un projet de groupe. Il affiche également les membres d’administration du dépôt qui peuvent aider quand un étudiant est bloqué. Pour collaborer sur le projet, un étudiant peut démarrer une session Live Share avec n’importe qui dans le nœud du groupe, et partage immédiatement tout le contexte du dépôt avec lui. Pour plus d’informations sur Live Share ainsi que pour collaborer avec, consultez Qu’est-ce que Visual Studio Live Share ?.

Dès qu’un étudiant a terminé le devoir, il peut également accéder à d’autres devoirs et classes. Ceux-ci se trouvent sous l’onglet GitHub.