Guide d'installation du code VS pour IQ

Cet article est une présentation de l'installation de Visual Studio Code et de l'extension VEX Visual Studio Code. L'extension prend officiellement en charge Windows et macOS.

Installation de Visual Studio Code

Ouvrez un navigateur Internet et accédez à : https://code.visualstudio.com/

Voici les guides fournis par le site VS Code. Ceux-ci peuvent être utiles ou vous pouvez suivre cet article.

Installation pour Windows

Page d'accueil du site web de Visual Studio Code avec un grand titre indiquant « Édition de code ». Redéfini. Un bouton bleu intitulé « Télécharger pour Windows » apparaît sous le titre.

Cliquez sur le bouton Télécharger pour Windows.

Le programme d'installation de VS Code apparaît en cours de téléchargement dans le menu Téléchargements du navigateur.

Ensuite, le téléchargement commencera dans le navigateur.

Icône de l'explorateur de fichiers.

L'icône de l'Explorateur de fichiers est affichée dans la barre d'outils Windows, à droite de la barre de recherche.

Ensuite, ouvrez l'Explorateur de fichiers en cliquant sur l'icône « Explorateur de fichiers » située dans la barre d'outils Windows.

Le terme « Explorateur de fichiers » a été saisi dans la barre de recherche Windows et l'application Explorateur de fichiers apparaît dans les résultats de la recherche.

Ou en tapant FIle Explorer dans la barre de recherche Windows et en cliquant sur File Explorer App

L'option de raccourci « Téléchargements » est affichée dans la barre latérale de l'explorateur de fichiers.

Accédez ensuite au dossier de téléchargement en cliquant sur le raccourci Téléchargements dans la barre latérale.

L'explorateur de fichiers Windows s'ouvre sur le dossier Téléchargements et le fichier d'installation de VS Code s'affiche.

Cliquez sur le programme d'installation VS Code.

Fenêtre d'installation de Microsoft VS Code avec un contrat de licence à accepter. Un bouton est sélectionné ci-dessous, sur lequel on peut lire « J'accepte le contrat ». Le bouton Suivant est mis en évidence ci-dessous.

Acceptez l'accord et cliquez sur Suivant.

Fenêtre d'installation de Microsoft VS Code avec options permettant de sélectionner des tâches supplémentaires. Les options comprennent la création d'une icône sur le bureau, l'ajout d'une action « Ouvrir avec Code » au menu contextuel de l'explorateur de fichiers et l'ajout de VS Code au PATH. Dans cet exemple, toutes les cases à cocher sont cochées. Ci-dessous, le bouton Suivant est mis en évidence.

Configurez l'installation et cliquez sur suivant.

La fenêtre d'installation de Microsoft VS Code est maintenant prête à être installée. Les tâches supplémentaires sélectionnées sont listées pour examen. Ci-dessous, le bouton Installer est mis en évidence.

Cliquez sur installer pour commencer l'installation.

Fenêtre d'installation de Microsoft VS Code avec une barre de progression et un message indiquant « Installation en cours, veuillez patienter pendant l'installation de Visual Studio Code sur votre ordinateur ».

Le processus d'installation commencera.

Fenêtre d'installation de Microsoft VS Code avec le message suivant : « Achèvement de l'assistant d'installation de Visual Studio Code ». Il existe une option « Lancer VS Code » cochée par défaut, et en dessous se trouve un bouton « Terminer ».

Une fois l'installation terminée, cliquez sur Terminer et VS Code se lancera.

L'application VS Code est ouverte sans qu'aucun projet ne soit sélectionné.

Visual Studio Code s'ouvrira.

Installation pour macOS

Page d'accueil du site web de Visual Studio Code avec un grand titre indiquant « Édition de code ». Redéfini. Un bouton bleu intitulé « Télécharger Mac Universal » apparaît sous le titre.

Cliquez sur le bouton « Télécharger Mac Universal ».

Le fichier zip de VS Code apparaît dans la liste des téléchargements du navigateur.

Ensuite, le téléchargement commencera.

Icône du Finder.

L'icône de l'application Finder est affichée dans la barre d'outils macOS.

Ensuite, ouvrez le Finder en cliquant sur l'icône « Finder » dans la barre d'outils macOS.

L'option de raccourci Téléchargements est affichée dans la barre latérale du Finder.

Accédez ensuite au dossier « Téléchargements » en cliquant sur « Téléchargements » dans la barre latérale Favoris.

Le Finder s'ouvre sur le dossier Téléchargements et le fichier zip universel VS Code darwin s'affiche.

Double-cliquez sur le fichier zip VS Code pour le décompresser.

Le Finder est ouvert sur le dossier Téléchargements et le fichier zip universel VS Code darwin a été double-cliqué pour l'extraire. Le fichier d'application VS Code est apparu à côté du fichier zip.

Cliquez et faites glisser l'application Visual Studio Code vers le dossier Applications.

L'option de raccourci vers les applications est affichée dans la barre latérale du Finder.La barre d'outils macOS est affichée.L'icône Launchpad apparaît dans la barre d'outils macOS.

Cliquez sur l'icône Launch Pad dans la barre d'outils macOS.

L'application VS Code apparaît dans le menu Launchpad de macOS.

Cliquez sur l'icône Visual Studio Code pour lancer Visual Studio Code.

L'application VS Code est ouverte sans qu'aucun projet ne soit sélectionné.

Visual Studio Code s'ouvrira.

Installation de l'extension VEX

L'icône Extension du menu latéral de VS Code est affichée.

Cliquez sur l'icône Extension dans la barre d'activité VS Code

Le menu latéral des extensions de VS Code est ouvert et VEX a été saisi dans la barre de recherche du menu. Les résultats de la recherche sont affichés ci-dessous, et l'extension VEX Robotics y figure.

Dans la barre de recherche tapez VEX

L'extension VEX apparaîtra dans la fenêtre ci-dessous.

Cliquez sur le bouton d'installation à côté de l'extension de VEX Robotics.

L'extension VS Code apparaît dans le menu latéral et son statut indique « Installation en cours ».

Une fois l'installation commencée, le texte deviendra installation. Attendez la fin de l'installation avant de continuer.

Installation des extensions de support

Afin d'utiliser Intellisense/Linting pour C++ et Python, des extensions supplémentaires devront être installées. L'extension de code VEX VS configurera automatiquement les projets VEX pour qu'ils fonctionnent avec ces extensions. D'autres extensions Intellisense/Linting peuvent être utilisées mais les utilisateurs devront configurer manuellement les projets selon leurs besoins.

L'icône Extension du menu latéral de VS Code est affichée.

Cliquez sur l'icône Extension dans la barre d'activité VS Code

Le menu latéral des extensions de VS Code est ouvert et C++ a été saisi dans la barre de recherche du menu. Les résultats de la recherche sont affichés ci-dessous, et l'extension Microsoft C/C++ est la première option listée.

Dans la barre de recherche tapez « C++ »

L'extension Microsoft C++ apparaîtra dans la fenêtre ci-dessous.

Cliquez sur le bouton d'installation à côté de l'extension C/C++ de Microsoft.

L'extension Microsoft C/C++ apparaît dans le menu latéral et son statut indique « Installation en cours ».

Une fois l'installation commencée, le texte deviendra installation. Attendez la fin de l'installation avant de continuer.

Le menu latéral des extensions de VS Code est ouvert et Python a été saisi dans la barre de recherche du menu. Les résultats de la recherche sont affichés ci-dessous, et l'extension Microsoft Python est la première option listée.

Dans la barre de recherche tapez « Python »

L'extension Microsoft Python apparaîtra dans la fenêtre ci-dessous.

Cliquez sur le bouton d'installation à côté de l'extension Python de Microsoft.

L'extension Microsoft Python apparaît dans le menu latéral et son statut indique « Installation en cours ».

Une fois l'installation commencée, le texte deviendra installation. Attendez la fin de l'installation avant de continuer.

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: