Catégories
Start-up et applications

Comment installer l'éditeur de code source VS Code de Microsoft sur Mac ou Linux

Depuis son introduction, Visual Studio Code, souvent appelé simplement "VS Code", est rapidement passé en tête des choix des éditeurs par les programmeurs. C'est facilement l'un des éditeurs les plus configurables et conviviaux disponibles. Même s'il est créé par Microsoft, les utilisateurs de Linux et de Mac l'ont également adopté. Il est entièrement open-source et gratuit, et tout le code source est disponible sur GitHub. L'éditeur s'exécute dans un cadre appelé Electron, qui est essentiellement une version en bac à sable du navigateur Chrome. Ainsi, la plupart du code de l'éditeur est écrit en JavaScript. L'éditeur est hautement extensible, fournissant des milliers d'extensions officielles et communautaires prenant en charge différents thèmes, la syntaxe mise en évidence pour presque tous les langages imaginables, la modification d'extensions, d'extraits de code, la plupart des systèmes de contrôle de code source, etc. (pour le contrôle de version, Git est pris en charge prêt à l'emploi.) Les développeurs sont encouragés à créer leurs propres extensions et à les partager avec la communauté via le marché officiel des extensions.

Installation sous Linux

Il existe plusieurs façons d'installer VS Code sous Linux, selon votre distribution.

Installation sur Debian et Ubuntu

Pour Debian et Ubuntu, n'essayez pas d'utiliser le gestionnaire de paquets apt. Suivez plutôt ces instructions.

Tout d'abord, accédez à la page de téléchargement du code VS et téléchargez le .deb fichier.

Ouvrez une invite de terminal ou de shell. Basculez vers le répertoire contenant vos téléchargements (généralement ~ / Téléchargements, qui sera le répertoire Téléchargements de votre répertoire personnel).

cd ~/Downloads

Affichez une liste du contenu du répertoire et vérifiez le nom du fichier que vous avez téléchargé:

ls -ltr

Le fichier doit être le dernier répertorié et le nom de fichier commencera par "code_"et terminer avec".deb. "

L'étape suivante nécessite des privilèges de superutilisateur. Pour établir votre nom d'utilisateur en tant que superutilisateur, vous devrez vous connecter en tant que superutilisateur existant avec des privilèges "root". En règle générale, le nom d'utilisateur est "su" (pour "superutilisateur") ou "root" et le mot de passe est celui que vous avez établi lors de la première installation de Debian. Une fois que vous vous êtes connecté en tant qu'utilisateur avec des privilèges root, exécutez cette commande:

usermod -aG sudo 

remplacer avec votre nom d'utilisateur réel. Par exemple,

Usermod -aG sudo jeffc

Maintenant, installez le .deb fichier à l'aide de cette commande à l'invite du shell:

sudo dpkg -i filename

où vous remplacez filename par le nom que vous avez découvert ci-dessus.

Après cela, vous pouvez supprimer le fichier .deb que vous avez téléchargé en utilisant la commande remove:

rm 

Vous pouvez maintenant passer à la section de cet article intitulée "Test it out".

Note technique: Bien que vous puissiez utiliser VS Code sans le savoir, vous serez peut-être intéressé de savoir que le programme d'installation de VS Code met à jour le programme d'installation du package de votre système en ajoutant une entrée pour le référentiel de packages de Microsoft. Désormais, VS Code se mettra automatiquement à jour en arrière-plan à l'aide de votre programme d'installation de package.

Installation sur Red Hat, Fedora, SUSE, CentOS

Pour ces autres distributions, vous pouvez utiliser le gestionnaire de packages en suivant ces étapes. Ouvrez d'abord le terminal. (Par exemple, si votre distribution a Gnome, vous pouvez cliquer sur le menu Activités, puis rechercher Terminal.)

Comme avec Debian, vous aurez besoin des privilèges de superutilisateur. Si vous ne les avez pas déjà, connectez-vous en tant qu'utilisateur existant avec des privilèges root (comme indiqué dans la section Debian ci-dessus) et exécutez la commande suivante:

usermod -aG wheel 

remplacer avec votre nom d'utilisateur réel. (Sur ces distributions, le groupe "wheel" a accès aux privilèges sudo, d'où le mot "wheel" dans la commande.)

Ensuite, collez la commande suivante dans le terminal:

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc

Cela importera le fichier de clé pour le référentiel de Microsoft. Ensuite, collez et exécutez cette commande à l'invite du shell (assurez-vous d'obtenir toutes les lignes, car il s'agit d'une seule commande):

sudo sh -c 'echo -e "(code)nname=Visual Studio Codenbaseurl=https://packages.microsoft.com/yumrepos/vscodenenabled=1ngpgcheck=1ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

Collez ensuite et exécutez cette commande, qui mettra à jour le cache de yum:

sudo dnf check-update

Et enfin, collez la ligne suivante, qui installera VS Code:

sudo dnf install code

Vous pouvez à présent passer directement à la section de cet article intitulée "Test it out".

Installation sur Mac

La première étape consiste à télécharger la dernière version de VS Code (n'utilisez pas le gestionnaire de packages Homebrew). Allez ici et cliquez sur la version Mac. Cela téléchargera un fichier .zip. Cliquez sur le fichier téléchargé en bas de votre navigateur (ou ouvrez la liste des téléchargements du navigateur et cliquez dessus .zip.) L'utilitaire d'archivage du Mac ouvrira et décompressera automatiquement le fichier. Le fichier décompressé sera appelé "Visual Studio Code" et apparaîtra dans le Finder dans le même répertoire que le fichier .zip (probablement votre répertoire Téléchargements). Dans le Finder, faites glisser ce fichier vers la gauche, dans le dossier Applications. Maintenant, VS Code est installé. Cependant, le chemin n'est pas encore défini. Normalement, c'est bien, mais vous voudrez probablement ouvrir VS Code à partir de la ligne de commande dans l'application Terminal de Mac. Heureusement, VS Code comprend une macro intégrée qui définira le chemin pour vous. Nous le ferons ensuite.

Allez-y et ouvrez VS Code en double-cliquant sur son nom de fichier dans le dossier Applications. (La première fois, vous verrez un avertissement indiquant qu'il a été téléchargé sur Internet. Pas de problème, cliquez simplement sur le bouton Ouvrir qui se trouve dans la boîte d'avertissement.)

Une fois VS Code ouvert, cliquez sur le menu Affichage et choisissez la palette de commandes. (Si vous aimez les raccourcis clavier, vous pouvez plutôt maintenir les deux Commander et Décalage, puis appuyez sur P.) Vous verrez une zone de texte apparaître en haut de l'écran; c'est la palette de commandes.

La palette de commandes

Commencez à taper les mots "Commande Shell"et vous verrez une liste déroulante de commandes qui commencent par cela. Trouvez celle (c'est probablement la première) appelée"Commande Shell: installer la commande «code» dans CHEMIN." Cliquez dessus.

Commande Shell: installer le «code»

Dans le coin inférieur droit, vous verrez un message:

Shell command 'code' successfully installed in PATH.

Vous êtes prêt à partir! Allez-y et quittez VS Code en cliquant sur le menu Code, puis choisissez Quitter Visual Studio Code.

Ouvrez maintenant une fenêtre de terminal. Vous pouvez utiliser le programme Terminal intégré situé dans le dossier Utilitaires du Mac (qui se trouve lui-même dans le dossier Applications), ou si vous en avez un préféré (comme iTerm2), vous pouvez l'utiliser à la place. Ensuite, vous êtes prêt pour la prochaine étape, "Test it out".

Le tester

Vous pouvez maintenant le tester. À l'invite du shell ou du terminal, tapez simplement:

code .

Le "."indique à VS Code de se lancer dans le répertoire en cours. Si vous le souhaitez, vous pouvez l'omettre et VS Code se lancera dans un répertoire par défaut ou le dernier répertoire dans lequel vous l'avez exécuté. Ou vous pouvez spécifier un chemin complet, par exemple:

code /home//develop

Note pour les experts bash: le "code"La commande n'est qu'un lanceur. Après l'avoir utilisée pour lancer VS Code, vous revenez immédiatement à l'invite du shell. (Vous n'avez pas besoin de l'exécuter en arrière-plan avec un & après.)

Voici quelques observations rapides. Le panneau de l'éditeur de code occupe la majeure partie de l'écran, comme vous vous en doutez.

Le panneau de l'éditeur de code

Sur la gauche se trouve un volet appelé l'Explorateur, qui comprend un accès rapide à vos fichiers. Le haut est une liste de tous les fichiers actuellement ouverts. (Si vous ne le souhaitez pas, vous pouvez le réduire en appuyant sur la flèche déroulante à gauche des mots "RÉDACTEURS OUVERTS".) Sous cette arborescence de projet. Pour plus d'informations sur l'utilisation de VS Code et la recherche de votre chemin, consultez les didacticiels officiels, disponibles ici.

Définition des options de configuration

Ici à ProgrammableWeb, nous créons un large ensemble de didacticiels qui utiliseront tous un ensemble commun de configurations. Pour rendre cela aussi simple que possible, nous allons avoir un répertoire de développement racine sous lequel vous pouvez enregistrer vos projets. En raison du nombre de projets, nous vous suggérons d'ouvrir votre éditeur de code afin qu'il pointe vers le répertoire du projet en cours (quel que soit le projet sur lequel vous travaillez à l'époque), plutôt que la racine de tous les projets. Nous allons également utiliser un ensemble standard de configurations et de plugins pour les éditeurs.

Visual Studio Code possède un large éventail d'options et vous disposez de deux méthodes différentes pour les contrôler. Tout d'abord, il y a une page de paramètres qui répertorie les paramètres courants et les endroits que vous pouvez entrer dans les paramètres, comme indiqué dans l'image suivante. En coulisses, cependant, VS Code stocke vos paramètres dans un fichier JSON que vous êtes libre de modifier manuellement. Ce qui est cool ici, c'est que vous pouvez ajouter des configurations personnalisées dans ce fichier qui ne sont pas présentes dans la page des paramètres principaux, et vous pourrez toujours utiliser la page des paramètres principaux. Ce n'est pas strictement l'un ou l'autre.

Pour ouvrir la page des paramètres principaux, démarrez VS Code et effectuez l'une des opérations suivantes:

  • Cliquez sur Fichier -> Préférences -> Paramètres
  • Clique le Équipement (trouvé en bas à gauche) -> Paramètres
  • Maintenez Ctrl et appuyez sur la virgule

Vous devriez voir la page des paramètres ouverte dans la zone de l'éditeur de code de VS Code, comme illustré ici.

La page des paramètres dans la zone de l'éditeur de code de VS Code

Pour fermer la page des paramètres, cliquez simplement sur le bouton de fermeture de l'onglet en haut.

Remarque: VS Code vous permet d'inclure des paramètres facultatifs pour chaque projet. Nous n'allons pas utiliser cette fonctionnalité ici à ProgrammableWeb; cependant, si vous voulez l'essayer, vous pouvez le lire ici.

Onglets vs espaces
L'indentation de sous-sections de code telles que les internes d'une instruction if-then-else ou d'une boucle do-while est une habitude importante pour faciliter la lisibilité. Pas seulement pour vous, mais pour d'autres qui pourraient avoir à consulter votre code plus tard. Comme d'autres éditeurs de code, VS Code a une fonction d'indentation. Bien qu'il s'agisse d'un sujet très débattu, nous allons définir nos indentations sur des espaces au lieu d'onglets pour une raison simple: les espaces fonctionnent mieux pour copier et coller du code de nos pages Web dans les éditeurs. (Vous êtes invités à reformater les onglets par la suite si vous préférez.) Nous allons utiliser quatre espaces pour permettre une lecture plus facile de notre code.

Avertissement concernant la langue: Contrairement à la plupart des autres langages, Python s'appuie sur des niveaux d'indentation et est pointilleux sur la cohérence entre les espaces et les tabulations. Si vous choisissez de convertir n'importe quel code python d'espaces en onglets, vous devez vous assurer de le faire pour l'ensemble du fichier. Sinon, vous obtiendrez des erreurs dès que vous exécutez le programme.

Pour définir l'indentation sur des espaces, regardez la barre d'état en bas de la fenêtre VS Code; vous verrez les mots "Taille de l'onglet" ou "Les espaces"suivi d'un nombre."Taille de l'onglet"signifie que vous êtes configuré pour mettre en retrait à l'aide d'onglets; Espaces signifie que vous êtes configuré pour mettre en retrait à l'aide d'espaces. Le nombre que vous voyez est la taille de la mise en retrait. Si vous voyez déjà"Espaces: 4"alors vous êtes prêt à partir. Sinon, cliquez sur"Taille de l'onglet" ou "Les espaces", et une fenêtre contextuelle s'ouvrira vous permettant de configurer les tabulations, les espaces et la taille de l'indentation, comme illustré ci-dessous.

Pour définir l'indentation sur des espaces, regardez la barre d'état en bas de la fenêtre VS Code

Cliquez sur "Retrait à l'aide d'espaces"pour définir votre préférence pour les espaces. Ensuite, une fenêtre contextuelle similaire apparaîtra avec une liste de nombres; choisissez 4. Vous pouvez ensuite convertir le fichier actuellement ouvert si vous le souhaitez en cliquant à nouveau sur Taille de l'onglet ou Les espaces, puis cliquez sur "Convertir l'indentation en espaces. "

Polices et tailles
Cela dépend de vous, car nous avons tous une vision et des besoins visuels différents. VS Code vous permet de choisir les polices et les tailles que vous préférez; nous allons vous montrer comment ici. Notez cependant que, comme VS Code s'exécute techniquement dans son propre navigateur basé sur Chromium, vous pouvez définir le niveau de zoom, tout comme dans Chrome. Cela signifie que vous utilisez les deux approches pour obtenir l'apparence à votre guise. (Essayez ceci: avec VS Code ouvert, maintenez enfoncé Ctrl et tapez un + , ce qui peut nécessiter d'appuyer sur Décalage selon lequel + clé que vous utilisez. Vous verrez tout le zoom de l'application comme dans un navigateur. Inversez-le en appuyant sur Ctrl et le touche moins.)

Pour définir la famille et les tailles de police, ouvrez les paramètres et, à gauche du volet Paramètres, développez Éditeur de texte; en dessous, cliquez sur Police de caractère, comme illustré ici:

Pour définir la famille et les tailles de police, ouvrez les paramètres et, à gauche du volet des paramètres, développez Éditeur de texte; en dessous, cliquez sur Police

Malheureusement, le nom de famille de polices est un domaine où VS Code n'est pas particulièrement convivial. Le problème est que VS Code s'exécute dans un navigateur et utilise à ce titre la syntaxe HTML / CSS pour les noms de famille de polices. Les familles de polices HTML / CSS sont généralement des listes de noms de police entourées de guillemets simples (lorsque le nom de la police a des espaces), avec des virgules entre les noms de police. Le navigateur démarre par la gauche et parcourt la liste jusqu'à ce qu'il trouve la première police qui existe sur le système.

Il n'y a aucune liste déroulante ni sélecteur d'aucune sorte. Il vous suffit de savoir quelles polices sont disponibles sur votre système et vous pouvez les saisir ici. Les polices sur les systèmes Linux sont généralement / usr / share / fonts (et ses sous-répertoires) ou / usr / local / share / fonts. Sur le Mac, maintenez la Touche de commande et appuyez sur Espace; dans la zone de recherche qui ouvre le type Police de caractère. Trouver "Livre des polices"dans la liste des résultats et cliquez dessus; l'application Font Book s'ouvrira pour vous montrer vos polices.

La taille est plus simple. Sous Taille de police, tapez simplement la taille de la police souhaitée dans l'éditeur.

Extensions recommandées

Nos didacticiels utilisent plusieurs langues et, à ce titre, vous aurez besoin des plugins pour prendre en charge ces langues. Par défaut, VS Code prend en charge toutes les langues que nous utilisons; cependant, le marché VS Code comprend de nombreuses extensions gratuites qui offrent des fonctionnalités supplémentaires pour ces langages, telles que la mise en évidence et la navigation de syntaxe supplémentaire, le linting de code, etc.

Vous pouvez également accéder au marché en effectuant simplement une recherche dans VS Code. Pour ce faire, effectuez l'une des opérations suivantes:

  • Cliquez sur Fichier -> Préférences -> Extensions
  • Clique le Équipement (trouvé en bas à gauche) -> Extensions
  • Maintenez Ctrl et Décalage et appuyez sur X

Sur le côté gauche, vous verrez une liste d'extensions avec un champ de recherche en haut, comme indiqué ci-dessous.

Sur le côté gauche, vous verrez une liste d'extensions avec un champ de recherche en haut

Essayez de taper "C #". (Vous n'avez pas besoin d'appuyer sur Entrée.) En dessous, dans le volet gauche, vous verrez une énorme liste d'extensions gratuites, certaines construites par Microsoft et ses partenaires, et certaines construites par les membres de la communauté. Pour voir les détails d'une extension, cliquez dessus, et une description pleine page s'ouvrira dans le volet de l'éditeur de VS Code. Vous y trouverez des avis d'utilisateurs (que nous vous encourageons à lire et à considérer) et le nombre de personnes qui l'ont installée. (un bon indicateur de la qualité de l'extension; certains ont plusieurs millions de téléchargements, ce qui suggère une forte approbation.) Les meilleures extensions incluront également des instructions complètes sur leurs pages de détails sur la façon d'utiliser l'extension. Vous pouvez installer une extension en cliquant sur le petit bouton vert "Installer" par le titre de l'extension dans le volet gauche, ou en cliquant sur le bouton vert Installer en haut de la page de détail.

Important: De nombreuses extensions nécessitent que vous redémarriez VS Code après les avoir installées. Le bouton d'installation vert sera remplacé par un bouton bleu avec les mots "Rechargement requis"Vous pouvez cliquer sur ce bouton pour redémarrer VS Code. (Toutes vos fenêtres d'éditeur existantes resteront ouvertes.)

Vous pouvez également installer des extensions directement à partir de la page Marketplace dans le navigateur. Recherchez une extension, cliquez dessus pour ouvrir sa page de détails, cliquez sur le bouton "Installer", votre navigateur téléchargera l'extension et l'ouvrira dans VS Code, où elle sera installée.

Pour supprimer une extension, le bouton vert Installer dans VS Code est remplacé par une icône d'engrenage. Cliquez dessus pour un menu, et dans ce menu, cliquez sur "Désinstaller"Ensuite, vous verrez le bleu familier"Rechargement requis"sur lequel vous souhaitez cliquer.

Voici les extensions que nous vous recommandons d'installer, répertoriées par langue, ainsi que des instructions sur leur installation. Vous pouvez installer tout cela, ou seulement ceux pour les langues que vous préférez. Ces extensions offrent une mise en évidence de la syntaxe, des fenêtres contextuelles pour les suggestions lors de la frappe (appelées Intellisense), et plus encore. Chaque extension comprend une documentation lorsque vous ouvrez la page de détails montrant toutes les fonctionnalités fournies par l'extension.

Java: Il existe de nombreuses extensions Java disponibles; nous vous recommandons de parcourir la liste en recherchant simplement "Marketplace" sur le marché. À tout le moins, nous vous encourageons à en installer deux créés par Microsoft, en s'appuyant sur les travaux de Red Hat. L'un est un pack d'extension Java complet, trouvé ici, et l'autre est un débogueur intégré, trouvé ici.

Node.js et JavaScript: VS Code par défaut prend en charge fortement node.js et donc JavaScript (qui est le langage de node.js). En tant que tel, nous ne vous demandons pas d'installer des extensions node.js particulières. (Cependant, la communauté en a construit plusieurs que vous êtes invités à explorer; il vous suffit de taper "nœud" dans la zone de recherche Marketplace.)

Manuscrit: Comme TypeScript a été inventé par Microsoft, VS Code a également une forte prise en charge native. Notez qu'il existe, cependant, une extension officielle construite par Microsoft appelée JavaScript et TypeScript Nightly. Le but de cette extension est de vous permettre de rester au top des mises à jour nocturnes du langage TypeScript. Nous vous recommandons d'installer cela uniquement si vous êtes un développeur TypeScript très sérieux qui veut rester à la pointe du progrès.

Python: L'extension Python officielle de Microsoft peut être trouvée ici. Important pour Mac: Si vous êtes un utilisateur Mac, vous devez installer une version distincte de Python de celle fournie avec MacOS. Vous pouvez trouver les détails ici. (Vous êtes toujours libre d'utiliser la version fournie avec Mac; cependant, le plugin ne s'intégrera pas avec cette version.)

C #: Microsoft s'est associé à une autre société appelée OmniSharp pour créer l'extension C # officielle. Vous pouvez le trouver ici.

Go (également connu sous le nom de golang): Les responsables officiels de la langue Go (qui travaillent chez Google) ont créé une extension VS Code pour Go, que vous pouvez trouver ici.

PHP: Il n'y a pas d'extension PHP officielle, mais il y en a plusieurs que des millions de personnes ont installées. Pour plus de fonctionnalités Intellisense, cliquez ici. Pour les fonctionnalités de débogage PHP, installez cette extension.

Dard: Il n'y a aucune extension officielle de Dart par Microsoft ou l'équipe linguistique de Dart; cependant, il existe une extension construite par les membres de la communauté qui bénéficie d'un large support, avec plus de 1,5 million de téléchargements. Nous recommandons donc ce plugin.

C ++: L'extension officielle C ++ de Microsoft se trouve ici. Cette extension prend en charge de nombreux compilateurs C ++ différents, pas seulement ceux de Microsoft. Plus précisément, pour Linux, le support est pour GNU Compiler Collection (gcc), et pour MacOS le support est pour Clang (qui est inclus avec l'IDE XCode pour Mac).

Rouille: Les responsables officiels de la langue Rust ont créé une extension pour Rust.

Rubis: Bien que nous n'utilisions pas souvent Ruby ici ProgrammableWeb, si vous êtes dedans, nous vous recommandons cette extension. Veuillez prêter une attention particulière aux instructions concernant l'activation du serveur de langue.

SQL: De nombreuses extensions de serveur de base de données SQL sont disponibles. Microsoft en a un officiel pour SQL Server et un pour PostgreSQL. La prise en charge des autres serveurs (tels que MySQL ou Oracle) est limitée, mais par défaut, VS Code fournit une coloration syntaxique pour les fichiers SQL.

Autres langues: Cette liste comprend toutes les langues que nous utilisons (ou avons l'intention d'utiliser) dans les didacticiels de ProgrammableWeb. Mais il existe une extension pour presque tous les langages de programmation existants. Par exemple, si vous utilisez Ada, il existe une extension pour cela. Ou Fortran, ou même COBOL. Si vous avez une langue préférée non répertoriée ici, entrez-la dans la zone de recherche Marketplace et il y aura probablement une extension pour elle. (Et sinon, vous pouvez en construire un.)

Lancement du terminal intégré

Visual Studio Code comprend un terminal intégré, vous permettant d'exécuter des commandes shell directement depuis VS Code. Le terminal fonctionne de la même manière que tout autre terminal; il comprend une invite qui vous montre votre répertoire actuel. Vous pouvez saisir toutes les commandes bash habituelles (telles que "ls" et "CD") ainsi que les commandes git si vous utilisez git. Pour en savoir plus, cliquez ici. Le terminal s'ouvre sous l'éditeur de code, comme illustré ci-dessous.

Visual Studio Code comprend un terminal intégré, vous permettant d'exécuter des commandes shell directement depuis VS Code

Pour créer un nouveau terminal, effectuez l'une des opérations suivantes:

  • Clique le Menu Terminal -> Nouveau terminal
  • Clique le Menu Terminal -> Nouveau terminal
  • presse Ctrl + Maj + ` (c'est le caractère back-tick, généralement à gauche de la touche 1).

Facultatif: intégration avec git

Git est actuellement le logiciel de contrôle de code source le plus utilisé. Nous avons décidé d'utiliser git pour notre contrôle de code source, conjointement avec le site Web GitHub, qui héberge le code stocké dans git. Vous n'êtes pas obligé d'utiliser git pour utiliser nos échantillons; vous pouvez même télécharger les exemples sous forme de fichiers .zip à partir de nos pages de projet GitHub respectives et ne pas utiliser git du tout. Mais si vous choisissez d'utiliser git, vous pouvez facilement soumettre des suggestions d'amélioration de notre code.

Par défaut, VS Code est livré avec une intégration complète de git. En tant que tel, nous ne recommandons pas de télécharger des extensions supplémentaires pour utiliser notre exemple de code. Notez, cependant, que nous ne recommandons généralement pas d'essayer uniquement d'utiliser git depuis VS Code. Notre raisonnement est que la plupart des équipes de développeurs utilisent généralement la version en ligne de commande de git, et de nombreuses tâches sont, franchement, un peu plus intuitives à utiliser sur la ligne de commande plutôt qu'à l'intérieur de VS Code. Par conséquent, nous adoptons une approche à deux volets pour git:

  1. Lorsque vous modifiez du code qui se trouve dans un référentiel git, notez les lettres qui apparaissent à côté de vos fichiers dans l'Explorateur lorsque vous ajoutez et modifiez des fichiers (voir la capture d'écran ci-dessous). Les fichiers non suivis (c'est-à-dire non ajoutés au dépôt) ont une lettre U à leur droite. Les fichiers qui sont suivis et que vous avez modifiés obtiennent un M (pour «modifié») à côté d'eux. Les fichiers qui sont suivis par git et qui n'ont pas été modifiés ne reçoivent aucune icône.
  2. Lorsque vous devez effectuer un travail git (par exemple, créer des branches, ajouter et valider des fichiers), nous vous recommandons d'utiliser la ligne de commande. (Vous pouvez utiliser le terminal intégré pour sa facilité d'accès ou vous pouvez le faire dans un shell de système d'exploitation tel que bash.)
Par défaut, VS Code est livré avec une intégration complète de git

Nos futurs projets ici à ProgrammableWeb aura des repos librement disponibles sur Github. (Et nous nous félicitons des pull pulls avec des changements suggérés; nous en faisons un projet communautaire.)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *