PC et portable

VS Code Comment installer des extensions

Visual Studio Code est un logiciel sophistiqué que la plupart des gens utilisent pour commencer leur parcours de programmation. Ses fonctionnalités robustes, sa compatibilité croisée, sa gamme de langages de programmation en font l'un des outils de programmation les plus utilisés au monde.

Bien que VS Code dispose d'une vaste gamme de fonctionnalités pour commencer, ses fonctionnalités peuvent être encore améliorées grâce à l'utilisation d'extensions, qui peuvent ajouter des langages supplémentaires, des compilateurs et d'autres outils qui améliorent le flux de travail d'un programmeur.

Dans cet article, nous allons vous montrer comment installer des extensions dans VS Code, ainsi que discuter de certaines des extensions les plus utiles et les plus populaires.

Comment installer des extensions dans le code VS

VS Code dispose d'un marché d'extensions intégré qui est utilisé pour rechercher, installer et/ou gérer vos extensions. Voici comment installer une extension via VS Code Marketplace :

  1. Cliquez sur le bouton « Extensions » dans la barre d'activité. Il est situé du côté du client de VS Code. Vous pouvez également utiliser le raccourci clavier « Ctrl+Maj+X » pour ouvrir l'écran « Extensions ».

  2. Cela vous amènera à la liste « Extensions ». VS Code trie automatiquement les extensions par popularité. Vous pouvez également utiliser le champ de recherche en haut de la page pour filtrer vos résultats.

  3. Chaque extension de la liste aura une brève description, le nombre de téléchargements (le nombre de fois qu'elle a été téléchargée), le nom de l'éditeur et une note de zéro à cinq étoiles.

  4. Vous pouvez cliquer sur chaque extension de la liste pour voir plus de détails avant de vous engager dans un téléchargement. Les détails incluent un journal des modifications, des questions fréquemment posées et une liste des contributions et des dépendances que l'extension donne et requiert de VS Code, respectivement.

  5. Si vous utilisez un proxy pour accéder à Internet, vous devrez configurer VS Code pour utiliser également un serveur proxy pour vous connecter à Internet et télécharger des extensions.
  6. Une fois que vous avez trouvé une extension que vous souhaitez installer, cliquez sur ses détails.

  7. Vous verrez un bouton "Installer" sous le nom de l'extension.

  8. Cliquez sur le bouton « Installer » et l'extension sera automatiquement téléchargée et installée sur votre appareil.

  9. Le bouton « Installer » se transformera désormais en un bouton « Gérer » qui ressemble à un engrenage.

Les extensions sont un excellent moyen de personnaliser et d'améliorer les capacités de VS Code pour répondre à vos besoins personnels ou professionnels. Un ordinateur connecté à Internet sans serveur proxy n'aura généralement aucun problème à télécharger et à installer automatiquement des extensions via le marché intégré.

Notez que certaines extensions peuvent nécessiter l'installation préalable d'autres extensions pour fonctionner. Une liste complète des dépendances d'une extension peut être trouvée sur sa page de détails.

D'autres méthodes existent qui peuvent aider les utilisateurs à obtenir des extensions VS Code et ne nécessitent pas de connexion Internet.

Comment télécharger des extensions pour VS Code

Si vous avez besoin d'une extension VS Code pour un appareil qui n'est pas connecté à Internet, il existe une solution de contournement pour accéder aux extensions, cependant, vous aurez besoin d'un deuxième appareil avec accès à Internet. Voici ce que vous devez faire :

  1. Sur l'appareil avec une connexion Internet active, ouvrez un navigateur de votre choix et accédez à l'URL de VS Code Marketplace.

  2. Utilisez la fonction de recherche pour spécifier vos préférences. Alternativement, le marché répertorie directement les articles les plus populaires et les plus utiles.

  3. Cliquez sur l'extension qui vous intéresse. Cela ouvrira une page qui affichera plus de détails sur l'extension, y compris une brève description, le nom de l'éditeur, des onglets qui affichent des FAQ et un journal des modifications de version complet.

  4. Cliquez sur le bouton "Télécharger l'extension" sur le côté droit de la page. Ne cliquez pas sur le bouton "Installer" en haut, car il commencera à installer l'extension sur l'appareil actuel.

  5. Le téléchargement produira un fichier .VSIX qui pourra être transféré sur la machine qui en a besoin.

Le téléchargement d'une extension de cette manière ne l'installe pas. Le fichier .VSIX n'est lisible par aucun programme autre que celui utilisé pour installer l'extension VS Code. Si vous ouvrez le fichier .VSIX manuellement, vous pouvez recevoir des erreurs.

Comment installer des extensions hors ligne pour le code VS

Alors que la plupart des ordinateurs sont aujourd'hui connectés à Internet, certains appareils n'ont pas cette connexion pour des raisons de sécurité ou pour des besoins professionnels spécifiques. Heureusement, la machine n'a pas besoin d'être connectée à Internet pour installer une extension. Cependant, vous avez toujours besoin d'un moyen de télécharger l'extension.

Suivez les étapes décrites dans la section précédente de cet article pour télécharger l'extension sur un autre appareil connecté, puis copiez le fichier .VSIX généré. Pour des raisons évidentes, utilisez un support de transfert qui ne dépend pas d'une connexion Internet, comme une clé USB ou un disque dur externe ou SSD.

Notez que si l'extension a des dépendances, vous devrez également les télécharger et les installer d'abord.

Une fois l'extension transférée sur la machine sur laquelle vous souhaitez l'installer, procédez comme suit :

  1. La première option pour installer la nouvelle extension devrait être d'ouvrir le fichier .VSIX de l'extension. Si VS Code est installé sur l'appareil, les anciennes versions du logiciel pourront installer l'extension manuellement à partir d'ici. Suivez les invites d'installation pour intégrer l'extension dans VS Code avec succès. Si l'extension est installée, vous pouvez ignorer les autres étapes.
  2. Si la méthode ci-dessus ne fonctionne pas, il existe une solution de contournement. Suivez ces étapes.
    1. Ouvrez VS Code.

    2. Ouvrez la barre latérale "Extensions" (vous pouvez utiliser "Ctrl+Maj+X").

    3. Cliquez sur l'icône représentant des points de suspension dans le coin supérieur droit du menu.

    4. Sélectionnez « Installer à partir de VSIX… »

    5. VS Code ouvrira un navigateur de documents. Recherchez le fichier .VSIX que vous avez transféré et sélectionnez-le.

    6. VS Code va maintenant commencer le processus d'installation de l'extension.
    7. Une fois l'extension installée, vous pourrez la voir dans le menu "Extensions" et la gérer en conséquence.

Comment installer une extension dans le code VS avec l'invite de commande

Pour les plus férus de technologie d'entre vous, VS Code a une intégration d'invite de commande qui permet à la plupart de ses fonctions d'être répliquées avec des lignes de commande.

Voici comment ouvrir l'invite de commande dans VS Code :

  1. Utilisez le raccourci clavier « Ctrl+` » (backtick).

  2. Allez dans "Affichage", puis sélectionnez "Terminal" dans le menu.

  3. Utilisez la palette de commandes (« Ctrl+Maj+P »), puis utilisez « Affichage : basculer le terminal intégré ».

Lorsque l'invite de commande est ouverte, utilisez la commande suivante pour installer de nouvelles extensions :

"–installer-extension"

Vous devez fournir le nom complet de l'extension, en remplaçant l'argument « », qui est généralement au format « publisher.extension ». Le nom complet de l'extension peut également être trouvé dans l'URL de l'extension sur VS Code Marketplace, après l'argument "itemName=".

Comment installer des extensions dans le code VS pour tous les utilisateurs

Supposons que la machine qui exécute VS Code soit utilisée par différentes personnes utilisant des profils distincts pour y accéder. Dans ce cas, tous n'obtiendront pas l'extension installée lorsque le processus est effectué automatiquement. Le marché intégré de VS Code n'installera l'extension que sur l'instance du programme de l'utilisateur actuel. L'installation devra alors être répétée pour chaque utilisateur qui a besoin de l'extension.

Cependant, il existe une solution de contournement qui installera l'extension pour tous les utilisateurs de la machine. Voici ce que vous devez faire :

  1. Utilisez le marché en ligne VS Code pour télécharger le fichier .VSIX de l'extension, comme décrit dans la section « Comment télécharger des extensions pour VS Code » ci-dessus.
  2. Localisez l'application nommée "VSIXInstaller.exe".

  3. Utilisez le paramètre "/admin" lors de l'appel du programme d'installation pour installer l'extension pour tous les utilisateurs. Par exemple : « VSIXInstaller.exe /admin file_path.vsix ». Vous pouvez utiliser l'invite de commande de VS Code pour essayer d'accélérer ce processus.

Certaines extensions sont livrées avec leurs installateurs attachés, ce qui vous permettra de les installer pour tous les utilisateurs si des vérifications correctes sont cochées lors de l'installation.

Si les méthodes ci-dessus ne fonctionnent pas, la seule solution consiste à utiliser manuellement la méthode d'installation .VSIX décrite dans les segments « Hors ligne » ou « Invite de commandes ».

Comment gérer les extensions dans VS Code

La gestion des extensions vous permet de tirer le meilleur parti de votre plateforme VS Code. Chaque extension peut être activée, désactivée ou désinstallée directement depuis le menu « Extensions » :

  1. Ouvrez le menu « Extensions ».

  2. Les extensions répertoriées sont généralement dans l'ordre activé > désactivé > recommandé.

  3. Si vous souhaitez gérer une extension, appuyez sur l'icône d'engrenage à droite de son entrée dans la liste, puis sélectionnez les options de gestion souhaitées dans la liste déroulante.

Alternativement, vous pouvez voir et gérer les extensions à partir de l'invite de commande. Si vous préférez utiliser l'invite de commande pour gérer vos extensions, voici quelques-unes de ses fonctionnalités supplémentaires :

  1. « –uninstall-extension » désinstalle l'extension. Utilisez le nom complet de l'extension dans l'argument "", comme lorsque vous l'avez installé.
  2. "–list-extensions" répertorie toutes les extensions installées sur l'appareil.
  3. « –show-versions » peut être utilisé avec la commande list pour afficher les versions des extensions installées. Cela peut être utile pour déterminer si certaines extensions doivent être mises à jour.
  4. "–disable-extensions" désactivera toutes les extensions. VS Code les répertoriera toujours comme « Désactivé » dans le menu « Extensions », mais l'extension ne sera pas active.
  5. « –enable-proposed-api » active les fonctionnalités API proposées par l'extension. Vous devez fournir le nom complet de l'extension pour l'argument " ".

L'invite de commande a de nombreuses utilisations en dehors de la gestion des extensions, qui peuvent être couvertes à une autre occasion.

Comment désinstaller une extension de VS Code

Au cours de votre vie de programmation, il peut y avoir des extensions supplémentaires dont vous n'avez pas besoin, ou vous rencontrerez des extensions qui ont plus de capacités et rendent les autres redondantes. Voici comment désinstaller les extensions :

  1. Ouvrez VS Code.

  2. Ouvrez le menu « Extensions ».

  3. Sélectionnez l'icône d'engrenage à côté de l'extension que vous souhaitez supprimer.

  4. Sélectionnez l'option "Désinstaller" pour supprimer l'extension de votre appareil. Cela vous invitera à recharger VS Code.

  5. Vous pouvez également utiliser la commande "-uninstall-extension" dans le terminal de VS Code. Fournissez le nom complet de l'extension (publisher.extension) pour l'argument "".

Au lieu de désinstaller une extension, vous pouvez utiliser l'option "Désactiver" pour conserver l'extension installée mais l'empêcher d'apporter une modification à vos projets VS Code. Les extensions peuvent être réactivées ultérieurement à l'aide du bouton « Activer ».

Comment mettre à jour une extension manuellement dans VS Code

Par défaut, VS Code met automatiquement à jour toutes les extensions installées chaque fois qu'une nouvelle version est disponible sur le marché. Cependant, pour les machines sans accès Internet ou avec les mises à jour automatiques désactivées, il existe un moyen de mettre à jour une extension manuellement. Voici ce que vous devez faire :

  1. Si la machine dispose d'un accès Internet, utilisez le filtre « @outdated » dans la barre de recherche « Extensions ». Cela listera les extensions qui nécessitent une mise à jour. Cliquez sur le bouton « Mettre à jour » sur les détails de l'extension pour la mettre à jour et forcer VS Code à se recharger. Vous pouvez également utiliser la commande « Mettre à jour toutes les extensions » pour mettre à jour toutes les extensions obsolètes. Si vous avez désactivé la vérification automatique, vous devez utiliser la commande « Vérifier les mises à jour des extensions » dans le menu.
  2. Si la machine n'a pas accès à Internet, vous devrez télécharger la version d'extension appropriée ailleurs, puis désinstaller la version obsolète de la machine et installer la version à jour par la suite.

Que faire si VS Code ne parvient pas à installer une extension

Si VS Code échoue pendant le processus d'installation, vous pouvez essayer quelques solutions pour le résoudre :

  1. Vérifiez les dépendances. Certaines extensions nécessitent d'autres extensions pour fonctionner correctement ou, dans certains cas, même s'installer.
  2. Vérifiez votre serveur proxy. Vous devrez configurer VS Code pour utiliser le même serveur proxy.
  3. Modifiez vos paramètres DNS en 8.8.8.8 et 8.8.4.4. Ces paramètres se trouvent dans les options de votre adaptateur « Paramètres Internet > Modifier ».

Obtenez le codage avec le code VS

VS Code est un logiciel sophistiqué qui vous permet de programmer dans toutes sortes de langues et d'utiliser ses fonctionnalités étendues. Les extensions sont un excellent moyen de personnaliser et d'améliorer les fonctions et les performances de VS Code. De bonnes extensions augmenteront considérablement votre flux de travail, alors soyez à l'affût de nouvelles extensions à installer.

Quelles extensions utilisez-vous sur votre code VS ? Faites-nous savoir dans la section commentaire ci-dessous.

$config[zx-auto] not found$config[zx-overlay] not found