
Installer Visual Studio Code sous Windows : préparer son premier atelier de développement
installation VS Code Windows 11 ; VS Code en français ; VS Code x64 ou ARM64
Installer Visual Studio Code sous Windows – Vous souhaitez modifier une page web, comprendre un script ou préparer vos premiers développements WordPress ? Avant d’écrire du code, il faut disposer d’un espace de travail dans lequel vous savez retrouver vos fichiers, enregistrer vos modifications et comprendre les outils utilisés.
- Ce que nous allons construire ensemble
- Comprendre ce que l’on installe
- Quel ordinateur utiliser pour commencer ?
- Étape 1 — Identifier son système avant de télécharger
- Étape 2 — Choisir l’édition et le bon installateur
- Étape 3 — Installer VS Code en comprenant les choix
- Étape 4 — Vérifier la version installée
- Étape 5 — Installer le français
- Étape 6 — Préparer un dossier dont on maîtrise l’emplacement
- Étape 7 — Créer et enregistrer son premier fichier
- Exercice autonome — Vérifier son installation
- Les difficultés les plus courantes
- Votre atelier est prêt pour la suite
- Sources officielles
Visual Studio Code peut devenir cet atelier. Encore faut-il choisir le bon téléchargement et comprendre son installation. Ce guide vous accompagne depuis la vérification de votre ordinateur jusqu’à la création d’un premier projet local, avec une interface en français et un exercice corrigé.
Ce que nous allons construire ensemble
À la fin de ce tutoriel, vous disposerez :
- De Visual Studio Code installé pour votre compte Windows.
- D’une interface configurée en français.
- D’un dossier de projet dont vous connaissez l’emplacement.
- D’un fichier enregistré et vérifié sur votre ordinateur.
- D’une méthode pour contrôler la version installée.
Il s’agit du premier article du parcours ATOOLPHA. Aucune connaissance en programmation n’est nécessaire.
Comprendre ce que l’on installe
Visual Studio Code, également appelé VS Code, est un éditeur de code développé par Microsoft. Il permet notamment de travailler sur les fichiers d’un projet et d’y associer des outils de développement.
Visual Studio Code et Visual Studio sont deux logiciels distincts. Pour suivre ce parcours, c’est bien Visual Studio Code qu’il faut télécharger. Les fonctions principales de son éditeur sont utilisables sans compte Microsoft ou GitHub. code.visualstudio.com
L’éditeur et les outils qui exécutent le code
Un exemple permet de comprendre cette distinction : écrire une recette dans un traitement de texte ne fait pas fonctionner le four. De la même manière, écrire un programme dans VS Code ne fournit pas automatiquement tous les outils nécessaires à son exécution.
Dans ce parcours, chaque élément sera installé au moment où son rôle devient utile :
| Élément | Rôle |
|---|---|
| VS Code | Écrire, consulter et organiser les fichiers |
| Navigateur | Afficher et utiliser une page web |
| PHP | Exécuter du code PHP |
| Git | Conserver un historique des modifications |
| Extension VS Code | Ajouter une fonction à l’éditeur |
Pour ce premier article, nous travaillons sur un fichier texte. Il suffit donc d’installer VS Code et son module de langue française.
Quel ordinateur utiliser pour commencer ?
L’environnement retenu pour ce tutoriel
Le scénario principal est le suivant :
| Élément | Choix du tutoriel |
|---|---|
| Machine | PC de bureau ou portable |
| Système | Windows 11 |
| Architecture | x64 ; variante ARM64 expliquée ci-dessous |
| Édition de VS Code | Stable |
| Installation | User Installer, pour le compte utilisateur |
| Emplacement des exercices | Dossier local dans le profil Windows |
| Compte en ligne | Aucun nécessaire pour l’exercice |
L’installation se fait directement dans Windows. Il n’est pas nécessaire de préparer une machine virtuelle, un serveur web ou un environnement WordPress pour créer ce premier fichier.
Quelle puissance faut-il prévoir ?
La documentation de VS Code indique comme recommandations matérielles un processeur de 1,6 GHz ou plus et 1 Go de mémoire vive. Ces chiffres concernent l’éditeur ; ils ne décrivent pas les besoins de l’ensemble Windows, navigateur et outils de développement. code.visualstudio.com
Pour ce parcours, 8 Go de RAM constituent un repère pratique de départ, avec un SSD de préférence. Il s’agit d’une recommandation pédagogique, pas d’une exigence officielle ni d’une garantie de performance.
Les besoins augmenteront avec certains sujets : conteneurs, compilation ou modèles d’IA locaux. Il n’est pas nécessaire d’acheter une machine pour ces usages avant d’avoir défini ce que vous souhaitez réellement exécuter.
Et si vous utilisez Windows 10 ?
La page de téléchargement mentionne encore Windows 10 et Windows 11 en 64 bits. La compatibilité de VS Code ne suffit toutefois pas à déterminer si votre système reçoit les mises à jour de sécurité appropriées. Ce tutoriel prend Windows 11 comme référence. code.visualstudio.com
Étape 1 — Identifier son système avant de télécharger
Le choix entre x64 et ARM64 dépend de l’architecture de votre ordinateur. Ce n’est ni la quantité de mémoire ni la capacité du disque.
- Appuyez sur Windows + I pour ouvrir les paramètres.
- Sélectionnez Système.
- Ouvrez Informations système, généralement en bas de la liste.
- Repérez Type du système, dans les spécifications de l’appareil.
Microsoft indique cet emplacement pour consulter l’architecture de Windows et le type de processeur. Microsoft Support
Utilisez ensuite cette correspondance :
| Information affichée | Téléchargement à choisir |
|---|---|
| Processeur x64 | Windows x64 |
| Processeur ARM | Windows ARM64 |
| Windows 32 bits | Ce scénario d’installation des versions actuelles ne convient pas |
Vérification : avant de poursuivre, vous devez pouvoir dire si votre machine utilise x64 ou ARM64.
Étape 2 — Choisir l’édition et le bon installateur
Ouvrez la page officielle de téléchargement de Visual Studio Code.
Stable ou Insiders ?
Pour apprendre, choisissez Stable.
L’édition Insiders permet de découvrir plus tôt les évolutions du logiciel. Elle reçoit des versions de développement fréquentes et n’est pas nécessaire pour suivre ce parcours. code.visualstudio.com
Au 23 octobre 2026, la page officielle des versions consultée propose VS Code 1.143.1. Ce numéro constitue une référence documentaire ; il ne correspond pas à une installation testée pour cet article. Si vous lisez ce guide plus tard, le téléchargement Stable peut proposer une version plus récente. code.visualstudio.com
User Installer, System Installer ou ZIP ?
Ces téléchargements ne répondent pas au même besoin :
| Format | Usage | Choix pour ce guide |
|---|---|---|
| User Installer | Installer pour votre compte Windows, sans droits administrateur en principe | Oui |
| System Installer | Installer pour tous les utilisateurs de la machine, avec droits administrateur | Pour un besoin d’administration identifié |
| ZIP | Extraire et gérer manuellement les fichiers du logiciel | Pour un usage particulier |
Microsoft recommande généralement l’installation utilisateur. Elle facilite aussi les mises à jour dans ce contexte. code.visualstudio.com
Dans les choix Windows de la page, recherchez donc User Installer, puis l’architecture identifiée à l’étape précédente.
Vérification : le fichier téléchargé doit correspondre à un installateur utilisateur Windows, avec l’extension .exe.
Étape 3 — Installer VS Code en comprenant les choix
Si VS Code est déjà présent, ouvrez-le et contrôlez sa version avant de lancer une autre installation. Cela évite d’ajouter inutilement une seconde installation utilisateur ou système.
Lancer l’installation
- Appuyez sur Windows + E.
- Ouvrez le dossier dans lequel votre navigateur a enregistré le téléchargement, souvent Téléchargements.
- Double-cliquez sur l’installateur.
- Consultez les conditions de licence, puis poursuivez si vous les acceptez.
Lancez normalement l’installateur utilisateur : il n’est pas nécessaire de choisir Exécuter en tant qu’administrateur.
Choisir l’emplacement du logiciel
Pour l’installation utilisateur, l’emplacement par défaut se trouve dans le profil Windows :
%LOCALAPPDATA%\Programs\Microsoft VS Code%LOCALAPPDATA% est une variable Windows : elle désigne un dossier de votre compte utilisateur. Vous n’avez pas à remplacer cette expression dans l’assistant.
Conservez l’emplacement proposé pour ce tutoriel. Vos exercices seront créés ailleurs : le dossier du logiciel et le dossier de vos projets ont des fonctions différentes. Le chemin d’installation utilisateur est documenté par Microsoft. github.com
Comprendre les options supplémentaires
Selon la version de l’installateur, vous pouvez rencontrer les options suivantes. Leurs libellés et leur présentation peuvent évoluer.
| Option | Ce qu’elle apporte | Recommandation pour débuter |
|---|---|---|
| Raccourci sur le Bureau | Ouvrir rapidement le logiciel | Selon votre préférence |
| Ouvrir avec Code | Ajouter une entrée dans les menus contextuels Windows | Pratique, mais facultatif |
| Enregistrer Code comme éditeur des types pris en charge | Proposer VS Code pour certains fichiers | Facultatif |
| Ajouter au PATH | Rendre la commande code accessible depuis un terminal | À conserver ou activer si proposée |
Le PATH est la liste des emplacements dans lesquels Windows recherche les commandes. Cette option permettra plus loin de vérifier VS Code depuis un terminal. Microsoft documente cet usage de la commande code. code.visualstudio.com
Si une proposition Copilot apparaît
La documentation actuelle décrit également une étape qui peut proposer l’ajout ou l’installation de GitHub Copilot CLI.
Pour ce premier atelier, choisissez Don’t add the copilot command si cette option apparaît : nous n’utilisons pas cet outil dans l’exercice. Il s’agit d’un composant distinct, dont l’installation et les conditions méritent une explication propre. code.visualstudio.com
Terminez ensuite l’installation et lancez VS Code.
Vérification : la fenêtre de l’éditeur s’ouvre depuis le menu Démarrer.
Étape 4 — Vérifier la version installée
Depuis le logiciel
Dans l’interface anglaise, ouvrez Help → About.
Après traduction, recherchez Aide → À propos.
Relevez le numéro de version affiché. C’est ce numéro qu’il faut conserver lorsqu’on décrit un problème ou que l’on vérifie la reproductibilité d’un tutoriel.
Depuis Windows
Ce contrôle supplémentaire permet aussi de vérifier la disponibilité de la commande :
- Fermez les anciens terminaux éventuellement ouverts avant l’installation.
- Ouvrez le menu Démarrer.
- Recherchez Invite de commandes.
- Ouvrez-la et saisissez :
code --versionAppuyez sur Entrée.
La commande doit afficher le numéro de version, un identifiant de révision et l’architecture. Ce sont les informations prévues par l’option --version. code.visualstudio.com
Si Windows indique que code n’est pas reconnu, ouvrez d’abord un nouveau terminal. Si le problème persiste, contrôlez l’option PATH de l’installation. Le logiciel peut fonctionner depuis le menu Démarrer alors que sa commande n’est pas accessible.
Étape 5 — Installer le français
Une extension ajoute une fonction à VS Code. Ici, nous utilisons une extension linguistique officielle.
| Information | Référence |
|---|---|
| Nom | French Language Pack for Visual Studio Code |
| Éditeur | Microsoft |
| Identifiant exact | MS-CEINTL.vscode-language-pack-fr |
| Fonction | Traduction de l’interface |
| Licence annoncée | MIT pour le code et les chaînes de traduction |
| Limite | Ne traduit pas automatiquement les fichiers de votre projet |
Ces informations figurent sur sa fiche officielle Marketplace. marketplace.visualstudio.com
Installer le module
- Dans VS Code, appuyez sur Ctrl + Maj + X.
- Cliquez dans le champ de recherche des extensions.
- Saisissez :
@id:MS-CEINTL.vscode-language-pack-fr- Ouvrez le résultat et contrôlez l’éditeur.
- Cliquez sur Install.
Appliquer la langue
- Appuyez sur Ctrl + Maj + P.
- Recherchez Configure Display Language.
- Sélectionnez French ou français, associé à
fr. - Acceptez le redémarrage proposé.
La documentation distingue bien l’installation du module et la sélection de la langue d’affichage. code.visualstudio.com
Vérification : les menus principaux apparaissent en français.
Si l’interface reste en anglais, revenez à la commande de langue, contrôlez la sélection de fr et redémarrez l’application.
Pour retirer ultérieurement le module, sélectionnez d’abord l’anglais avec cette commande, puis désinstallez l’extension depuis sa fiche.
Étape 6 — Préparer un dossier dont on maîtrise l’emplacement
Nous allons maintenant séparer les fichiers du projet des fichiers du logiciel.
- Ouvrez l’Explorateur Windows avec Windows + E.
- Cliquez dans la barre d’adresse.
- Saisissez :
%USERPROFILE%- Appuyez sur Entrée.
Vous arrivez dans le dossier de votre compte Windows.
- Créez un dossier nommé
ATOOLPHA. - Ouvrez-le.
- Créez à l’intérieur un dossier nommé :
mon-atelier-numeriqueLe chemin ressemble alors à cet exemple :
C:\Users\VotreCompte\ATOOLPHA\mon-atelier-numeriqueVotreCompte représente votre véritable nom de dossier Windows : ce n’est pas un dossier supplémentaire à créer.
Ce choix facilite le repérage du projet. Si votre ordinateur utilise une synchronisation ou une redirection administrée des dossiers, vérifiez également les règles appliquées à cet emplacement.
Ouvrir le projet dans VS Code
Dans VS Code :
- Sélectionnez Fichier → Ouvrir le dossier.
- Retrouvez le dossier
ATOOLPHA. - Sélectionnez
mon-atelier-numerique. - Confirmez l’ouverture.
Le principe consiste à ouvrir le dossier qui contient le projet, comme dans le tutoriel officiel de Microsoft. code.visualstudio.com
Si VS Code demande si vous faites confiance à ce dossier, vérifiez son chemin. Vous venez ici de créer un dossier vide. Pour un projet reçu d’un tiers, le mode restreint permet d’en examiner le contenu en limitant certaines fonctions. code.visualstudio.com
Vérification : mon-atelier-numerique apparaît dans l’explorateur de VS Code, généralement à gauche.
Étape 7 — Créer et enregistrer son premier fichier
- Dans l’explorateur de VS Code, faites un clic droit sur le dossier du projet.
- Choisissez Nouveau fichier.
- Saisissez :
notes.txt- Appuyez sur Entrée.
- Cliquez dans la zone centrale et écrivez :
Mon atelier numérique
Je prépare mon environnement de développement local.
Je sais créer et enregistrer un fichier avec Visual Studio Code.- Appuyez sur Ctrl + S.
Le nom notes permet de reconnaître le fichier. L’extension .txt indique qu’il s’agit ici d’un fichier texte simple.
Vérifier que l’enregistrement a réellement fonctionné
Fermez l’onglet notes.txt, puis cliquez de nouveau sur ce fichier dans l’explorateur de VS Code.
Les trois lignes doivent réapparaître.
Ouvrez ensuite le même dossier dans l’Explorateur Windows. Vérifiez que notes.txt y figure également.
Vous venez de contrôler deux choses différentes : le fichier appartient au projet ouvert et son contenu a été conservé sur le disque.
Exercice autonome — Vérifier son installation
Sans recopier les étapes du tutoriel :
- Retrouvez la version installée de VS Code.
- Rouvrez le dossier
mon-atelier-numerique. - Dans
notes.txt, remplacez la troisième ligne par votre numéro de version. - Enregistrez, fermez l’onglet et rouvrez le fichier.
- Retrouvez le fichier depuis Windows.
Résultat attendu
Le fichier doit comporter trois lignes, dont une dernière construite ainsi :
Version installée de Visual Studio Code : votre numéro relevéRemplacez l’expression finale par le numéro réellement affiché sur votre ordinateur.
Correction expliquée
La version se relève dans Aide → À propos, ou avec code --version.
Le dossier se rouvre par Fichier → Ouvrir le dossier. Le fichier se retrouve ensuite dans l’explorateur de VS Code.
La fermeture et la réouverture vérifient la conservation du texte. Le contrôle depuis Windows confirme que vous savez localiser votre travail indépendamment de l’éditeur.
L’exercice est réussi lorsque vous pouvez effectuer ces contrôles sans dépendre d’un onglet resté ouvert.
Les difficultés les plus courantes
| Difficulté | Vérification à effectuer |
|---|---|
| L’installateur ne fonctionne pas | Contrôler l’architecture téléchargée et la compatibilité du système |
| Une autorisation administrateur est demandée | Vérifier si vous avez choisi System Installer ou si une règle de la machine intervient |
| Le français ne s’applique pas | Contrôler le module installé, la langue fr et le redémarrage |
| Le projet n’apparaît pas à gauche | Vérifier que vous avez ouvert le dossier, et pas seulement un fichier |
| Le fichier est enregistré ailleurs | Contrôler son emplacement dans l’Explorateur Windows |
La commande code est inconnue | Ouvrir un nouveau terminal, puis vérifier le PATH |
Ne désactivez pas une protection Windows pour résoudre une installation bloquée. Commencez par vérifier le téléchargement officiel, le choix de l’installateur et les règles de votre ordinateur.
Votre atelier est prêt pour la suite
Vous savez maintenant choisir l’installateur correspondant à votre machine, distinguer le logiciel de vos projets, configurer le français et contrôler un enregistrement.
Cette base servira pour les exercices suivants. Avant d’ajouter des outils, le prochain article expliquera comment se repérer dans les fichiers, dossiers, onglets et panneaux de VS Code.
Article suivant : Comprendre l’interface de Visual Studio Code — à paraître.
Sources officielles
Téléchargement de Visual Studio Code
Versions et notes de publication
Configuration matérielle et systèmes compatibles
Identifier son système Windows
Commandes de lancement et vérification de version
