Étape 1 – Installer et configurer Copilot dans VS Code
-
Ouvrez VS Code.
-
Allez dans l’onglet Extensions (raccourci Ctrl+Shift+X ou Cmd+Shift+X sur Mac).
-
Cherchez « GitHub Copilot » et installez l’extension officielle.
-
Installez aussi GitHub Copilot Chat (c’est une extension séparée, indispensable pour les fonctions avancées).
-
Une fois installé, cliquez sur l’icône de compte en bas à gauche, puis sur « Sign in with GitHub ». Acceptez les autorisations.
-
Vous verrez une petite icône Copilot en bas à droite de votre fenêtre. Si elle est active, tout est prêt.
Étape 2 – Votre première génération de code avec Copilot
Nous allons créer un petit script JavaScript pour tester.
-
Créez un nouveau fichier index.js dans VS Code.
-
Écrivez le commentaire suivant (en français, Copilot comprend très bien) :
-
Appuyez sur Entrée. Copilot va vous proposer une suggestion en grisé. Acceptez avec Tab.
Résultat probable :
function inverserChaine(str) {
let resultat = '';
for (let i = str.length - 1; i >= 0; i--) {
resultat += str[i];
}
return resultat;
}
Félicitations, vous venez de générer votre premier code.
💡 À retenir : Plus votre commentaire est précis, plus la suggestion est pertinente. Mettez-y des mots-clés, mais restez concis.
Étape 3 – Utiliser Copilot Chat pour générer rapidement
Ouvrez le panneau Chat en cliquant sur l’icône en barre latérale (ou Ctrl+Shift+I). Le chat vous permet de dialoguer avec l’IA.
Exemple 1 : générer une fonction entière
Tapez dans le chat :
Crée une fonction en JavaScript qui prend un tableau de nombres et retourne la somme des éléments pairs.
Copilot va vous répondre avec le code complet, que vous pouvez insérer directement.
Exemple 2 : expliquer du code existant
Sélectionnez du code, puis dans le chat demandez :
Copilot vous donnera une explication ligne par ligne, idéal pour comprendre un projet open source ou réviser.
Exemple 3 : corriger une erreur
Copiez-collez votre code dans le chat, puis tapez :
Copilot analysera les problèmes et proposera une version corrigée.
Étape 4 – Les 5 raccourcis que personne ne connaît
Voici les astuces qui font réellement passer votre vitesse au niveau supérieur.
1. Utiliser les fichiers de contexte (#file)
Dans le chat, écrivez #file:monFichier.js pour demander à Copilot de lire tout le contenu de ce fichier avant de répondre. Ainsi, il comprend l’ensemble de votre projet et ne suggère pas de code déconnecté.
Exemple :
#file:package.json #file:src/app.js Ajoute une route POST /login qui vérifie un utilisateur.
2. Décrire un composant visuel avec une image (Copilot Vision)
Depuis 2026, Copilot peut analyser une capture d’écran. Si vous avez une maquette Figma, faites une capture, collez-la dans le chat et demandez :
Génère le code React/Tailwind correspondant à cette image.
Cela vous fait gagner énormément de temps sur l’intégration.
3. Générer des tests automatiques à la volée
Sélectionnez votre fonction, puis dans le chat tapez /tests. Copilot générera les tests unitaires adaptés (Jest, Mocha, Pytest selon votre projet). C’est la garantie d’un code propre sans effort.
4. Les commandes slash essentielles
En plus de /explain et /fix, utilisez :
-
/doc : génère la JSDoc ou la documentation de la fonction en un clin d’œil.
-
/simplify : réécrit un bloc de code complexe en version lisible.
-
/newScaffold : crée l’arborescence d’un nouveau projet (par exemple « express api avec jwt »).
5. Activer le mode « agent » dans le chat
Dans les paramètres de Copilot Chat, activez le mode agent. Il permet à Copilot de rechercher automatiquement dans vos fichiers, d’exécuter certaines commandes (comme l’installation de paquets) et de proposer des modifications directement. En mode agent, vous décrivez la tâche en langage naturel et Copilot travaille comme un développeur junior ultra-rapide.
Étape 5 – Projet concret : une API REST en 15 minutes avec Copilot
Pour finir, nous allons créer une mini-API avec Express.js, uniquement en dialoguant avec Copilot. Ce projet peut directement enrichir votre portfolio.
Préparation
Construction pas à pas
1. La structure du serveur
Dans le chat, écrivez :
Crée un fichier server.js pour une API Express avec un routeur de base et une route GET /status qui renvoie { "status": "ok" }.
Copilot génère le code. Insérez-le. Lancez avec node server.js : ça fonctionne.
2. Ajouter une route POST authentifiée
Demandez :
Ajoute une route POST /login qui reçoit { "email", "password" } et vérifie si l'email contient "@" et le mot de passe a plus de 5 caractères. Renvoie un token JSON bidon.
Le code sera suggéré avec la logique de validation.
3. Connecter à une base de données (simulée)
Dites à Copilot :
Remplace la vérification par une simulation de base de données avec un tableau d'objets users.
Il va créer un tableau users et adapter les vérifications.
4. Générer les tests
Sélectionnez tout le contenu de server.js, puis tapez /tests dans le chat.
Copilot crée un fichier de test avec Supertest et Jest, testant toutes les routes.
En 15 minutes, vous avez une API fonctionnelle, sa documentation et ses tests. C’est un projet parfait à publier sur GitHub avec un README.
Pourquoi vous irez plus vite dès demain
Récapitulons ce que vous savez maintenant faire :
-
Générer du code propre à partir de simples commentaires.
-
Piloter Copilot via le chat pour les fonctions complexes.
-
Utiliser les fichiers de contexte pour un code pertinent.
-
Générer tests et documentation en un instant.
-
Activer le mode agent pour déléguer des tâches.
Le secret pour coder “2x plus vite” n’est pas d’écrire moins de lignes, c’est d’utiliser Copilot comme un collègue qui lit vos pensées et anticipe vos besoins. En appliquant ces astuces, vous réduirez drastiquement le temps passé sur les tâches répétitives, et vous pourrez vous concentrer sur l’architecture et la créativité.