Cours VS Code — éditeur, extensions, terminal et sécurité

Objectifs d'apprentissage

À la fin de ce cours, l'apprenant peut :

1. situer les zones de l'interface et utiliser la palette de commandes ;
2. ouvrir un dossier depuis le terminal avec la commande code ;
3. distinguer réglages utilisateur, d'espace de travail et profils ;
4. installer, désactiver et évaluer une extension avec prudence ;
5. expliquer le Mode restreint (Workspace Trust) et ses limites ;
6. utiliser le terminal intégré, les tâches et le débogage de base ;
7. régler la télémétrie et repérer les risques liés aux agents d'IA.

Prérequis

• Savoir ouvrir un dossier de projet ; notions de terminal (cours Terminal macOS).
• Pour Git : Git installé (la documentation indique que VS Code s'appuie sur l'installation de Git de la machine).
• Un dossier de test jetable pour les exercices.

Parcours et chapitres

1. Installation et exigences (macOS)

La page d'installation Mac décrit : télécharger l'archive .dmg, glisser Visual Studio Code.app dans Applications, la lancer. Intel et Apple silicon sont pris en charge. Exigences : macOS avec mises à jour de sécurité Apple (typiquement la dernière version et les deux précédentes), processeur 1,6 GHz ou plus, 1 Go de RAM. L'application se met à jour automatiquement chaque semaine, désactivable dans les réglages.

Cette installation modifie le poste ; elle n'est pas nécessaire si VS Code est déjà présent. Procédure de désinstallation : non consultée, non vérifié.

2. L'interface

Selon « User interface » : six zones, l'Éditeur, la barre latérale principale (par exemple l'Explorateur), la barre latérale secondaire (Chat par défaut), la barre d'état, la barre d'activité (à gauche) et le Panneau (sortie, débogage, erreurs, terminal intégré). Raccourcis macOS : palette de commandes Cmd+Maj+P, ouverture rapide d'un fichier Cmd+P, scinder l'éditeur Cmd+\.

3. La commande code dans le terminal

Pour utiliser code depuis Terminal, la documentation indique d'exécuter dans la palette « Shell Command: Install 'code' command in PATH » puis de redémarrer le terminal ; alternativement, ajouter le chemin à son profil shell (.zprofile pour zsh). Commandes citées :

code --versioncode .

• Contexte : Terminal macOS, commande code installée dans le PATH, dossier de test.
• Droits : utilisateur normal.
• Effet : affiche la version ; ouvre le dossier courant. Le dossier s'ouvre en Mode restreint s'il n'est pas de confiance (chapitre 6).
• Vérification : la fenêtre VS Code affiche le dossier ; la version est lue.
• Retour arrière : fermer la fenêtre. L'ajout de code au PATH modifie la configuration du shell : retour arrière = retirer la ligne ajoutée au profil (procédure non détaillée dans la page consultée).

code --install-extension modifie l'installation : voir chapitre 5.

4. Réglages, profils et synchronisation

Réglages (page « Settings ») : User s'applique à toutes les instances ; Workspace est propre au projet, stocké dans .vscode/settings.json, partageable par le gestionnaire de versions. Éditeur graphique ouvert par Cmd+, ou fichier settings.json. Sur macOS, le fichier utilisateur est $HOME/Library/Application Support/Code/User/settings.json. Priorité : valeurs par défaut, utilisateur, distant, espace de travail, dossier de l'espace, variantes de langage, puis réglages de politique (plus prioritaires). Le filtre @modified montre les réglages changés. La synchronisation des réglages (Settings Sync) existe : ne l'activer qu'après décision (envoie des préférences à un compte, détails non consultés).

Profils (page « Profiles ») : un profil regroupe réglages, extensions, raccourcis, disposition de l'interface, serveurs MCP, extraits et tâches ; création via Fichier > Préférences > Profils ; changement par « Profiles: Switch Profile ».

5. Extensions

Installation : vue Extensions (Cmd+Maj+X), recherche, bouton Install. Les extensions viennent de la Visual Studio Marketplace. Depuis VS Code 1.97, une boîte de dialogue demande de faire confiance à un éditeur tiers. Les extensions ont les mêmes permissions que VS Code lui-même. Protections annoncées : analyse antimalware de chaque paquet, éditeurs vérifiés (coche bleue : propriété du nom de domaine prouvée et bonne réputation depuis au moins six mois), détection dynamique, liste de blocage avec désinstallation automatique, signature des extensions. Contrôles avant installation : éditeur, évaluations, téléchargements, dépôt, tickets, licence. On peut désactiver (globalement ou pour l'espace) ou désinstaller via la roue dentée. Un fichier extensions.json permet à un espace de recommander des extensions.

code --list-extensions

• Contexte : Terminal, code dans le PATH.
• Droits : utilisateur normal.
• Effet : lecture seule de la liste.
• Vérification : une liste d'identifiants éditeur.extension.
• Retour arrière : sans objet. Pour une installation (--install-extension), retour arrière = désinstaller depuis la vue Extensions.

Règle : installer une extension demande l'accord de Stéphane ; privilégier les éditeurs vérifiés ; ne pas installer sur la foi d'une recommandation reçue par un fichier de projet inconnu.

6. Workspace Trust et Mode restreint

À l'ouverture d'un dossier inconnu, VS Code passe en Mode restreint pour éviter l'exécution automatique de code pendant la revue du contenu. Sont restreints : les agents d'IA, le terminal, les tâches, le débogage, certains réglages d'espace et les extensions sans support de Workspace Trust. On fait confiance via le bandeau « Manage », le badge de la barre d'état, la commande « Workspaces: Manage Workspace Trust » ou l'éditeur de confiance ; faire confiance à un dossier parent couvre ses sous-dossiers. Workspace Trust n'empêche pas une extension malveillante d'exécuter du code. Avec les agents, tout fichier peut entrer dans le contexte et permettre théoriquement une injection de prompt.

Règle : ne faire confiance qu'à un dossier dont on a lu le contenu ; éviter de faire confiance à un dossier parent très large (dossier personnel, téléchargements).

7. Terminal intégré

Ouverture : ` Ctrl+ ` sur macOS (⌃``), menu Terminal > New Terminal, ou « View: Toggle Terminal ». Plusieurs terminaux et volets scindés sont possibles. Le shell par défaut du système est détecté et proposé dans un menu. Coller plusieurs lignes déclenche un avertissement par défaut. En Mode restreint, le terminal est bloqué.

8. Édition efficace

Raccourcis macOS cités : recherche dans le fichier Cmd+F, dans l'espace Cmd+Maj+F (globs et regex pris en charge), prochaine occurrence Cmd+D, sélectionner toutes les occurrences Cmd+Maj+L. L'éditeur de raccourcis s'ouvre par Cmd+K Cmd+S ; il permet aussi d'éditer keybindings.json.

9. Tâches et débogage

Tâches : définies dans .vscode/tasks.json, disponibles seulement dans un dossier d'espace. Exemple cité par la documentation :

{
  "version": "2.0.0",
  "tasks": [
    { "label": "Run tests", "type": "shell", "command": "./scripts/test.sh" }
  ]
}

Une tâche exécute des commandes : avant de lancer une tâche d'un projet reçu, lire tasks.json (voir chapitre 6).

Débogage : F5 lance une session, F9 pose un point d'arrêt, F10 pas à pas principal, F11 entrer, Maj+F11 sortir, Maj+F5 arrêter. Le débogage JavaScript, TypeScript et Node.js est intégré ; les autres langages passent par des extensions de débogage.

10. Git dans VS Code

La vue Source Control (Ctrl+Maj+G indiqué pour Windows/Linux ; équivalent macOS non vérifié) liste les fichiers modifiés, permet de les indexer et de commiter ; éditeur de différences, graphe, chronologie. Git doit être installé. La documentation recommande de configurer le nom et le courriel d'auteur via git config --global user.name et user.email ; ne pas copier d'identité réelle dans un exemple ou une page publique. La gestion des demandes de fusion demande l'extension GitHub Pull Requests and Issues.

11. Télémétrie et confidentialité

VS Code collecte rapports de plantage, erreurs et données d'usage. Le réglage telemetry.telemetryLevel accepte all, error, crash, off. Pour tout désactiver : "telemetry.telemetryLevel": "off" dans settings.json ; en contrepartie, l'accès anticipé aux fonctions expérimentales (A/B) exige les données d'usage. Les extensions peuvent avoir leur propre collecte : non couvert par cette page.

Exercices et vérifications de fin de cours

1. Interface. Nommer les zones et ouvrir la palette de commandes.
2. CLI. Relever la version installée avec code --version et la comparer à la source, sans les confondre.
3. Réglages. Expliquer la priorité entre utilisateur et espace de travail.
4. Extensions. Rédiger une liste de contrôle d'évaluation d'une extension (éditeur vérifié, dépôt, licence, évaluations).
5. Confiance. Expliquer ce que le Mode restreint bloque et ce qu'il ne bloque pas.
6. Tâche. Lire l'exemple tasks.json et dire ce qu'il exécute, sans le lancer.
7. Télémétrie. Choisir un niveau et justifier ; ne modifier le réglage qu'après accord.

Critères de réussite

• Distinguer version installée et version documentée (1.142.0 au 17 octobre 2026).
• Savoir qu'une extension a les permissions de VS Code et qu'elle se choisit avec soin.
• Savoir ce que fait un dossier de confiance (terminal, tâches, débogage actifs).
• Savoir annuler un réglage ou une extension.