Le dernier tutoriel détaillé d'installation de VS Code

1. La différence entre VS Code et VS et son site Web de téléchargement
2. Cliquez sur Téléchargements sur le site Web, sélectionnez le système correspondant pour télécharger VS Code
3. Installez le programme d'installation de VS Code et définissez les options d'installation
4. Configurations courantes (paramètres) de VS Code
1. Réglage de la couleur de l'interface du code VS
2, interface chinoise du code VS
3, réglage de l'enregistrement automatique
4, extension d'installation (Extension)
5, configuration en cours d'exécution (exécution) et affichage des résultats en cours d'exécution du code de programme
6, utilisateur, espace de travail, paramètres du dossier
7, désinstallation et copier la configuration

Le dernier tutoriel détaillé d'installation de VS Code

1. La différence entre VS Code et VS et son site de téléchargement

        Visual Studio Code (VS Code) est un éditeur de code gratuit, open source, hautes performances et léger (Code Editor) fourni par Microsoft, qui peut s'exécuter sur les postes de travail Windows, macOS et Linux. VS Code prend en charge JavaScript, TypeScript et Node.js. En installant les extensions correspondantes (Extension), VS Code prend également en charge les langages de programmation tels que C, C++, C#, Java, Python, PHP, Go et .NET. VS Code prend en charge les opérations de développement telles que la coloration syntaxique, la complétion intelligente de code, les raccourcis clavier personnalisés, le débogage, l'exécution de tâches, le contrôle de version, etc., mais VS Code vise à fournir aux développeurs un éditeur de code pour l'écriture et le débogage rapides de code, non un éditeur de code complet Outils IDE (Integrated Development Environment, environnement de développement intégré).

        IDE est un outil qui fournit un environnement de développement pour les langages de programmation. Il intègre des fonctions d'écriture de code, des fonctions d'analyse, des fonctions de compilation, des fonctions de débogage, etc., et ses fonctions sont plus abondantes et puissantes que l'éditeur de code. Visual Studio (VS) est un outil IDE fourni par Microsoft, qui peut s'exécuter sur les postes de travail Windows et macOS. VS fournit une série de fonctions telles que la navigation rapide, l'écriture, la réparation, le débogage, le sondage, le diagnostic, les tests, le contrôle de version, etc., qui peuvent aider les développeurs à développer rapidement des applications. Il prend en charge C, C++, C#, Java, Python, PHP , Go, Langages de programmation tels que JavaScript. Cependant, VS est généralement payant, et seule la version communautaire VS est gratuite.

       Bien que VS Code se positionne comme un éditeur, il est bien sûr différent d'un éditeur de texte txt.Après avoir installé l'extension correspondante (Extension), VS Code est plus puissant que l'IDE qui accompagne certains langages de programmation (comme le IDLE outil d'environnement de développement fourni avec python). . De plus, en installant les extensions correspondantes, VS Code peut s'adapter à différents langages de programmation.

        En termes de fonctions, l'outil d'environnement de développement intégré VS est plus puissant que l'éditeur de code VS Code, mais le premier doit être chargé et le second est gratuit. L'éditeur de code VS Code peut être considéré comme une version simplifiée de l'outil d'environnement de développement intégré VS. Cette structure simplifiée améliore également sa vitesse d'exécution, et les fonctions de VS Code peuvent essentiellement répondre aux besoins de développement de code des développeurs et peuvent être compétentes C , C++, C#, Java, Python, PHP, Go, .NET et d'autres langages de programmation sont développés gratuitement, VS Code est donc également un outil de développement de code très populaire.

         Ici, nous introduisons principalement le processus d'installation de VS Code. Pour le site Web de téléchargement du code VS, consultez le lien rouge dans le tableau 1-1.

Tableau 1-1 Code VS et site Web de téléchargement VS

Site de téléchargement de code VS	https://code.visualstudio.com/
Site de téléchargement VS	https://visualstudio.microsoft.com/zh-hans/

2. Cliquez sur Téléchargements sur le site Web et sélectionnez le système correspondant pour télécharger VS Code

         Ouvrez le lien rouge dans le tableau 1-1 ci-dessus et nous pouvons voir qu'il y a deux emplacements de téléchargement sur la page, comme illustré à la figure 2-1.

 Figure 2-1 Page Code VS

         L'endroit indiqué par la flèche rouge sur le côté gauche de la figure 2-1 est le programme d'installation de VS Code installé par le compte d'utilisateur (User) du système Windows 64 bits qui télécharge la dernière version stable (stable) par défaut, comme comme : VSCodeUserSetup-x64-1.79.2.exe.

         Le système d'exploitation Windows permet la création de plusieurs comptes utilisateurs, chaque compte a ses propres autorisations, et le compte administrateur

L'administrateur a l'autorité d'accès la plus élevée et a l'autorité d'accéder à d'autres comptes. Une fois le code VS téléchargé ci-dessus installé, seul le compte d'utilisateur peut se connecter pour utiliser le code VS installé, et les autres comptes non administrateurs n'ont pas le droit de se connecter au système d'exploitation.

        Cliquez sur ① sous la flèche rouge et le menu contextuel contient les programmes d'installation correspondants de VS Code pour chaque système d'exploitation, mais les types de programmes d'installation de VS Code sont limités, y compris la version stable (stable) et la version de test interne (initiés) . stable est une version relativement complète et stable qui a été testée.Les initiés sont encore en test interne et peuvent ne pas être parfaits. 

        Nous pouvons cliquer sur Téléchargements sur le côté droit de la figure 2-1 indiquée par la flèche rouge ②, et la page saisie est illustrée à la figure 2-2, qui fournit une sélection complète de différents types de programmes VS Code pour chaque système d'exploitation. C'est la version stable (stable) qui a réussi le test.

 Figure 2-2 Programmes VS Code de différents systèmes d'exploitation et systèmes matériels

        La figure 2-2 montre les différents types de programmes d'installation de VS Code correspondant aux systèmes d'exploitation Windows, Linux et MacOS. Figure 2-2 La case rouge est le type de programme d'installation par défaut, par exemple : windows est le programme d'installation de VS Code installé par le compte d'utilisateur (User) de la dernière version stable (stable) du système Windows 64 bits selon les préférences de l'utilisateur. version du système d'exploitation. Le système Apple macOS est le programme d'installation de VS Code de la version universelle par défaut. Pour la version universelle , le programme d'installation détectera automatiquement le processeur de l'utilisateur et l'adaptera lors de l'installation.

(1) Système d'exploitationWindows

• Installateur utilisateur 、 Installateurs système

       Dans le système Windows, le compte administrateur Administrateur a l'autorité d'accès la plus élevée et a le pouvoir d'accéder à d'autres comptes, tandis que les comptes personnels n'ont pas d'autorité d'accès mutuel.

        User Installer est le programme d'installation de VS Code installé par le compte actuel (Utilisateur) de Windows. Si le compte actuel est un compte personnel, les autres comptes non administrateurs n'ont pas le droit de se connecter au système d'exploitation.

       System Installers est un programme exécutable qui installe VS Code avec des privilèges d'administrateur. Installez VS Code avec des privilèges d'administrateur, et d'autres comptes Windows peuvent utiliser VS Code après s'être connectés au système.

        Le programme d'installation utilisateur et les programmes d'installation système sont des fichiers d'installation au format .exe.

• .zipper

        L'option .zip correspond à un package compressé au format VS Code .zip, utilisable directement après décompression. Celui-ci est utilisé directement après la décompression, sans générer de registre. Le fichier .exe générera le registre après l'installation.

• CLI

       L'option CLI correspond à une interface de ligne de commande de code (interface de ligne de commande), c'est-à-dire la fenêtre de commande de VS Code, pratique pour les opérations de commande de texte.

• x64 、x86 、Arm64 、Arm32

       Les paramètres de x64, x86, Arm64 et Arm32 sont liés au processeur matériel.

      x64 fait référence à un système d'exploitation 64 bits basé sur un processeur 64 bits et le programme téléchargé convient à un système d'exploitation 64 bits. Cliquez avec le bouton droit sur Poste de travail et cliquez sur Propriétés dans le menu pour afficher la configuration matérielle de votre ordinateur. Le type de système d'exploitation de votre ordinateur est indiqué dans la case rouge de la Figure 2-3 ci-dessous.

 Figure 2-3 Spécifications de l'ordinateur

        x86 fait référence à un système d'exploitation 32 bits, basé sur un processeur 32 bits, et le programme téléchargé convient à un système d'exploitation 32 bits.

        Arm64 est l'architecture du processeur à l'état AArch64, et le programme téléchargé convient au processeur du système Arm64 lancé par ARM, qui est basé sur un processeur 64 bits.

       Arm32 est l'architecture du processeur à l'état AArch32, le programme téléchargé convient au processeur du système Arm32 lancé par ARM Company, basé sur le processeur 32 bits. Le téléchargement du fichier VS Code adapté aux processeurs du système Arm32 n'est pas fourni ici, et le système Linux mentionné ci-dessous fournit des téléchargements.

        Les options ci-dessus correspondent aux fichiers VS Code correspondants de ce type de processeur.

(2) Système d'exploitationLinux

• .deb 、.rpm 、.tar.gz

        .deb, .rpm, .tar.gz sont trois formats de fichiers différents. Différents formats de fichiers peuvent convenir à différents systèmes d'exploitation, par exemple : les fichiers .exe conviennent au système d'exploitation Windows, mais pas au système Apple macOS.

       Linux de Debian ou Ubuntu prend en charge le format .deb, et Linux de Red Hat, Fedora ou SUSE prend en charge le format .rpm.

        .tar.gz est un package compressé, similaire au package compressé .zip, mais le format .tar.gz convient au système d'exploitation Linux et au système MacOSX (système basé sur le noyau UNIX).

       Les options ci-dessus correspondent aux fichiers VS Code correspondants.

• Instantané

        Snap est un format de conditionnement d'applications moderne. Linux prend en charge les packages logiciels au format snap. Vous pouvez télécharger les packages logiciels au format snap de VS Code dans la boutique d'applications en ligne Snap Store.

• CLI , x64 , x86 , Arm64 , Arm32

       Les significations de CLI, x64, x86, Arm64 et Arm32 sont les mêmes que ci-dessus, mais ici elles correspondent au code VS correspondant sous le système d'exploitation Linux.

(3) Mac OS du système Apple

• .zip , CLI

         Les significations de .zip et CLI sont les mêmes que ci-dessus, sauf qu'elles correspondent au code VS correspondant sous le système d'exploitation macOS Apple.

• Universel

       L'option Universal est la version universelle de VS Code pour macOS . Pour la version universelle ( Universal ) , elle convient à tous les processeurs. Lorsque le programme d'installation est installé, il détecte automatiquement le processeur de l'utilisateur et l'adapte.

• Silicium pomme

       L'option silicium d'Apple est VS Code pour les ordinateurs Mac avec le processeur de série M développé par Apple (puce Apple Silicon).

• Puce Intel

         L'option de puce Intel est VS Code pour les ordinateurs Mac équipés de processeurs Intel.

        Ci-dessus, nous avons introduit différents types d'installateurs de VS Code pour chaque système d'exploitation, qui correspondent à différentes gestions de droits, formats de fichiers ou caractéristiques de processeur. Nous pouvons choisir l'installateur VS Code correspondant en fonction de nos propres besoins.

3. Paramètres d'installation et d'option d'installation du programme d'installation de VS Code

       Ici, nous prenons l'installation de VS Code sous le système d'exploitation Windows comme exemple. Nous téléchargeons le code VS correspondant à l'option System Installers→x64 du système d'exploitation Windows, c'est-à-dire que nous sélectionnons le programme d'installation VS Code.exe avec des privilèges d'administrateur et un système d'exploitation 64 bits, et cliquez sur l'emplacement indiqué dans la case rouge dans Figure 3-1 pour télécharger le code VS correspondant.

 Figure 3-1 Différents types de programmes de code VS

(1) Exécutez la configuration de VSCode

        Exécutez le programme d'installation de VSCode téléchargé ci-dessus et l'interface d'installation illustrée à la figure 3-2 ci-dessous apparaîtra.

 Figure 3-2 Installation du code VS

        Après avoir accepté, cliquez sur Suivant dans la figure 3-2 pour accéder à l'interface de configuration de l'emplacement d'installation de VS Code illustrée dans la figure 3-3.

(2) Réglage de l'emplacement d'installation

 Figure 3-3 Emplacement d'installation du code VS

       Vous pouvez personnaliser le chemin d'installation de VS Code. Une fois les paramètres terminés, cliquez sur Suivant pour accéder à l'interface de création de raccourcis dans le menu Démarrer de VS Code, comme illustré à la figure 3-4.

(3) Paramètres de dossier pour les raccourcis VS Code dans le menu Démarrer

 Figure 3-4 Le dossier de raccourcis VS Code dans le menu Démarrer

        Le dossier Visual Studio Code par défaut dans la figure 3-4, le dossier Visual Studio Code dans le menu Démarrer de l'ordinateur générera un raccourci VS Code. Ici, vous pouvez utiliser le dossier Visual Studio Code par défaut, cliquez sur Suivant pour accéder à l'interface de configuration des options d'installation de VS Code illustrée à la figure 3-5.

(4) Paramètres des options d'installation

 Figure 3-5 Paramètres des options d'installation du code VS

• Créer un raccourci sur le bureau

        Cochez cette option pour créer une icône de raccourci VS Code sur le bureau.

• Ajouter l'action "Ouvrir par code " au menu contextuel du fichier de l'Explorateur Windows

       Cochez cette option, et l'option "Ouvrir par code" apparaîtra dans le menu contextuel avec le bouton droit de la souris. Lorsque nous faisons un clic droit sur un fichier, nous pouvons ouvrir le fichier en sélectionnant l'option "Ouvrir par code" dans le menu contextuel.

• Ajouter l'action "Ouvrir par code " au menu contextuel du répertoire de l'Explorateur Windows

       Cochez cette option, et l'option "Ouvrir par code" apparaîtra dans le menu contextuel avec le bouton droit de la souris. Lorsque nous faisons un clic droit sur un dossier, nous pouvons ouvrir le dossier en sélectionnant l'option "Ouvrir par code" dans le menu contextuel.

       La vérification de ces deux éléments crée en fait une option "Ouvrir par code" dans le menu contextuel du bouton droit de la souris, ce qui est pratique pour ouvrir directement des fichiers ou des dossiers via cette option.

• Enregistrer le code en tant qu'éditeur pour les types de fichiers pris en charge

       Vous pouvez le laisser décoché. Si vous le cochez, VS Code ouvrira des fichiers tels que .txt et .py par défaut.

• Ajouter à PATH (prendre effet après le redémarrage)

       Cochez cet élément pour ajouter VS Code au chemin système de Windows afin de faciliter la reconnaissance automatique du système d'exploitation. Cet élément prendra effet après le redémarrage de l'ordinateur. Cet élément peut réaliser l'ajout de VS Code en tant que variable d'environnement du système.

       Une variable d'environnement est un objet avec un nom spécifique dans le système d'exploitation qui contient des informations qu'une ou plusieurs applications utiliseront. Lorsque le système doit exécuter un programme sans lui indiquer le chemin complet où se trouve le programme, le système recherchera non seulement le programme dans le répertoire courant, mais ira également au chemin spécifié dans path pour trouver des variables exécutables .

        Après avoir vérifié les options de la Figure 3-5, cliquez sur Suivant pour accéder à l'interface prête à installer du code VS illustrée à la Figure 3-6.

(5) Mise en place

 Figure 3-6 VScode prêt à être installé

          Cliquez sur Installer dans la Figure 3-6 pour accéder à l'interface de progression de l'installation de VSCode illustrée dans la Figure 3-7.

 Figure 3-7 Progression de l'installation du code VS

       Figure 3-7 Une fois la progression de l'installation terminée, l'installation de VS Code est terminée et l'interface d'invite indiquant s'il faut exécuter Visual Studio Code apparaîtra comme illustré à la Figure 3-8.

 Figure 3-8 Installation du code VS terminée

Quatre, configuration commune du code VS ( paramètres )

       Après l'installation, démarrez et exécutez vscode, et l'interface illustrée à la figure 4-1 apparaîtra.

Figure 4-1 Fenêtre Code VS

       L'éditeur de code VS Code est très similaire aux autres outils IDE (Integrated Development Environment). De nombreuses options dans l'interface de l'outil de développement apparaîtront à plusieurs reprises dans différentes positions, principalement pour notre commodité. Par exemple : l'icône pointée par la flèche rouge dans la Figure 4-1 ci-dessus peut ouvrir la boîte de recherche d'extension après avoir cliqué, ou elle peut être ouverte dans l'option Extensions dans l'icône Pour étendre la zone de recherche, vous pouvez également ouvrir la zone de recherche étendue dans la barre de titre Fichier→Préférences→Extensions.Ces multiples façons d'accéder à une fonction sont pour notre commodité.

       Un autre exemple est que l'icône en haut à gauche de la Figure 4-1 a pour fonction de faire fonctionner le fichier, et il existe également des options pour faire fonctionner le fichier dans la barre de titre Fichier, telles que : ouvrir ou créer un dossier, un fichier, etc. .

       Ci-dessous, nous présentons plusieurs paramètres de fonction couramment utilisés dans vscode. Il peut y avoir plusieurs façons de définir une fonction, mais nous ne les montrerons pas une par une.

1. Réglage de la couleur de l'interface du code VS

       Nous pouvons définir le thème de couleur de l'interface VS Code via Thèmes → Thème de couleur dans l'icône des paramètres pointée par la flèche rouge dans la figure 4-1. Bien sûr, il peut également être défini dans la barre de titre Fichier→Préférences→Thème→Thème de couleur. Les effets de réglage de ces deux endroits sont fondamentalement les mêmes, et la même raison n'est pas répertoriée ci-dessous.

       L'interface VS Code utilise par défaut le thème de couleur Dark Modern. La figure 4-2 est définie sur le thème de couleur Light Modern. Dans les options, vous pouvez choisir un thème de couleur de fenêtre qui vous convient.

Figure 4-2 Fenêtre de thème blanc VS Code

2. Interface chinoise de code VS

        Recherchez le chinois dans la zone d'extension, sélectionnez l'extension de langue chinois (simplifié) (chinois simplifié) et rouvrez le code VS après l'installation pour réaliser le code VS de l'interface chinoise. S'il est toujours en anglais après le redémarrage, cliquez sur Fichier → palette de commandes dans la barre de titre de VS Code, ou utilisez la touche de raccourci Ctr + Maj + P pour ouvrir la palette de commandes (palette de commandes), entrez Configurer la langue d'affichage dans la palette de commandes fenêtre, puis sélectionnez Chinois simplifié. Appuyez sur la touche ESC pour quitter la palette de commandes (palette de commandes).

3. Définir la sauvegarde automatique

        De manière générale, après avoir utilisé d'autres outils IDE (environnement de développement intégré) pour écrire du code, vous pouvez exécuter le code immédiatement, car IDE enregistre automatiquement le code par défaut, mais VS Code l'enregistre manuellement par défaut, donc lorsque nous ouvrons le fichier et écrivons le code, vous devez d'abord cliquer sur l'option d'enregistrement dans VS Code pour enregistrer le code écrit, puis vous pouvez cliquer sur l'option d'exécution dans VS Code, afin que le code puisse s'exécuter normalement, sinon une exception peut se produire en raison d'un code non enregistré. Pour enregistrer automatiquement le code écrit, nous pouvons cliquer sur l' option Paramètres dans l'icône des paramètres pointée par la flèche rouge dans la figure 4-3, et la configuration utilisateur des paramètres apparaît à droite.

Figure 4-3 Option Paramètres

       Le premier de la Figure 4-3 est le paramètre d'enregistrement automatique, qui est désactivé par défaut et n'enregistre pas automatiquement. Dans le menu déroulant, nous pouvons choisir afterDelay. afterDelay consiste à enregistrer le fichier après un délai (par défaut 1000 millisecondes), c'est-à-dire à enregistrer à une heure fixe. Ce délai équivaut à enregistrer dans le temps. Après le réglage, nous exécutons le code après l'écriture, ce qui équivaut à exécuter le code actuel. Sinon, il est facile d'apparaître que le code en cours d'exécution est en fait le dernier code enregistré, pas le code actuellement écrit.

       Si vous choisissez onWindowsChange, cela signifie que lorsque la fenêtre du logiciel perd le focus, l'éditeur non enregistré sera automatiquement enregistré, c'est-à-dire que lorsque nous changerons de fenêtre, vscode l'enregistrera automatiquement.

       Il est recommandé de définir l'enregistrement automatique, ce qui peut réduire les problèmes causés par l'oubli d'enregistrer et d'exécuter le code du programme (il est facile d'apparaître que le code en cours d'exécution est en fait le dernier code enregistré, et non le code actuellement écrit).

4. Installez l' extension

      Plusieurs paramètres couramment utilisés sont répertoriés ci-dessus.Vscode étant un IDE simplifié, de nombreuses fonctions doivent installer les extensions correspondantes pour réaliser leurs fonctions. Par exemple : ce qui suit parlera des paramètres d'exécution. Après l'installation de vscode, si les extensions pertinentes ne sont pas installées, même si la machine a déjà installé un certain langage de programmation, vscode ne peut pas appeler automatiquement le compilateur de ce langage de programmation, et ne fournir un appel au compilateur. Par conséquent, le code du programme ne peut pas être exécuté, mais vous pouvez installer des extensions ou ajouter des fichiers pour implémenter en plus la fonction d'appel du compilateur, afin que vscode puisse exécuter le code du programme.

        Les extensions (Extension) et les plug-ins (Plug-in) sont généralement utilisés pour charger des logiciels.

       Le plug-in (Plug-in) dépend de la plate-forme du système (système matériel, système d'exploitation). L'utilisation du plug-in est étroitement liée à la plate-forme du système. Le plug-in est généralement installé et implanté dans le logiciel pour fournir une fonction auxiliaire du logiciel appel de fonction.

       Relativement parlant, l'extension (Extension) est étroitement liée au logiciel. L'extension fait référence à un concept plus large. L'extension inclut les plug-ins. Dans certains contextes, il n'y a pas de différence entre les deux, mais les noms sont différents.

        L'extension de VS Code fournit des fonctions supplémentaires. Différentes extensions représentent différentes fonctions. Nous pouvons installer des extensions correspondantes pour réaliser le fonctionnement du code ou améliorer l'efficacité du développement du code. Cliquez sur l'icône sur le côté gauche de la Figure 4-4 ci-dessous et la zone de recherche étendue indiquée par la flèche rouge apparaît.

Figure 4-4 Zone de recherche étendue

       Entrez le langage de programmation dans la zone de recherche de la figure 4-4 et l'extension correspondante s'affichera sous la zone de recherche. Cliquez sur une extension et les informations de l'extension s'afficheront à droite, y compris l'introduction de la fonction de l'extension . Ci-dessous, nous présentons les paramètres d'exécution, qui impliqueront l'installation d'extensions, qui ne seront pas présentées ici en détail.

5. La configuration de l'exécution (run) et l'affichage des résultats de l'exécution du code du programme

(1) Exécuter (exécuter) la configuration

      Le débogage (débogage) est le processus de démonstration du fonctionnement et de la valeur du code du programme, afin que nous puissions percevoir dynamiquement l'effet de mise en œuvre du code. Le débogage implique l'appel du compilateur.

       Pour déboguer (debug) dans VScode, il faut installer ce langage de programmation ou environnement d'exploitation (par exemple : Node.js) sur la machine, et définir ses variables d'environnement dans windows (pratique à appeler), qui est en fait installé Un compilateur d'un certain langage, et définissez le compilateur comme une variable d'environnement de windows (pratique à appeler). Étant donné que seul le compilateur peut exécuter le programme, veuillez vous reporter à
Installation du compilateur et du compilateur C/C++ (installation c+) ​​pour une discussion sur cet aspect . Afin de simplifier le nom, nous désignerons collectivement l'installation du langage de programmation ou de l'environnement d'exploitation comme l'installation du compilateur.

       Une fois VScode installé, l'option d'exécution fournie par sa fenêtre d'interface est généralement liée au débogage (débogage).Pour exécuter (exécuter) le code de programme d'un certain langage de programmation, il est non seulement nécessaire d'installer le compilateur de langage, mais également de configurer le compilateur dans windows.Les variables d'environnement (pratiques à appeler), doivent également avoir un fichier avec la fonction de débogage de ce langage de programmation.

       Cependant, VScode a une prise en charge intégrée du débogage en cours d'exécution de Node.js, c'est-à-dire qu'il prend en charge le débogage de JavaScript et de tout autre langage pouvant être converti en JavaScript (tel que : TypeScript), et ne prend pas en charge le débogage d'autres langages de programmation. (débogage). Pour réaliser le débogage d'autres langages de programmation, vous devez installer des extensions avec des fonctions de débogage, par exemple : pour exécuter des programmes C/C++, vous devez installer des extensions C/C++ avec des fonctions de débogage.

      Les options liées à l'exécution indiquées par la flèche rouge dans la figure 4-5 prennent en charge le débogage Node.js par défaut. Tant que Node.js est installé, VScode peut utiliser les options liées à l'exécution indiquées par la flèche rouge dans la figure 4-5. (Remarque, pour installer Node.js, l'opération l'appellera, sinon, l'invite Can't find Node.js binary "node": path does not exist. Assurez-vous que Node.js est installé et que votre PATH, ou définissez le "runtimeExecutable " dans votre launch.json).

       Mais pour les autres langages de programmation, même si ce langage de programmation est installé, si VScode n'installe pas le fichier de fonction de débogage lié à ce langage de programmation, il ne peut pas être exécuté via les options liées à l'exécution fournies par la fenêtre d'interface (comme illustré à la figure 4 -5 Indiqué par la flèche rouge au milieu), une exception similaire à "Vous n'avez pas d'extension pour le débogage de C, Devrions-nous trouver une extension C sur le marché ?" s'affichera.

Figure 4-5 Les options d'exécution par défaut de vscode

       Pour ce langage de programmation, nous pouvons installer l'extension correspondante avec la fonction de débogage (debug) pour activer l'opération liée au débogage (run) dans la figure 4-5. Le débogage implique l'appel du compilateur, donc les extensions avec des capacités de débogage prennent naturellement également en charge run.

       Ici, nous n'introduisons pas l'installation d'extensions avec des fonctions de débogage (debug). Nous introduisons l'extension Code Runner. Après avoir installé cette extension, elle peut exécuter C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell et d'autres langages de programmation, mais n'a pas Fonction de débogage (débogage).

      Dans Windows, après que vscode a installé l'extension Code Runner, tant que le compilateur de langage est installé sur l'ordinateur et que les variables d'environnement de ce compilateur sont définies dans Windows, vscode peut exécuter le code de programme de ce langage de programmation (il sera appelé automatiquement selon les variables d'environnement Le compilateur de ce langage de programmation), mais ce type d'opération (run) n'est pas l'opération par défaut de vscode (par exemple : l'option liée à run pointée par la flèche rouge dans la Figure 4-5), mais après l'installation de l'extension Code Runner, une option de code d'exécution est automatiquement générée pour exécuter le code du programme. Après avoir installé l'extension Code Runner, l'icône du code d'exécution apparaît à la position de la flèche rouge sur la barre d'outils de Vscode dans la figure 4-6. Si nous créons un fichier vide, ouvrez le fichier, cliquez avec le bouton droit sur la zone d'édition (édition zone), et le menu contextuel apparaît l'option de code d'exécution, le bouton indiqué par la flèche rouge dans la Figure 4-6 peut exécuter le code.

Figure 4-6 L'option d'exécution générée après l'installation de l'extension Code Runner

      Après avoir installé l'extension Code Runner, vous ne pouvez toujours pas utiliser les options d'exécution par défaut de vscode dans la figure 4-5 (car l'extension Code Runner ne peut pas générer la fonction de débogage), et vous ne pouvez utiliser que l'exécution indiquée par la flèche rouge dans la figure 4 -6, il invoquera automatiquement le compilateur.

       Par conséquent, si nous exécutons simplement le programme sur la plate-forme Windows sans tenir compte de la fonction de débogage, nous devons généralement installer ce langage de programmation et définir ses variables d'environnement dans Windows, installer vscode, puis installer l'extension Code Runner dans vscode, ces trois Après l'installation est terminée, vous pouvez exécuter le code du programme.

(2) Code de programme en cours d'exécution

      Selon l'analyse ci-dessus, créons un fichier de code et utilisons l'extension Code Runner pour exécuter le code du programme.

      Cliquez sur l'icône de la Figure 4-7 , et une fenêtre apparaîtra, qui peut ouvrir ou créer des fichiers. La figure 4-7 ouvre le dossier cn, placez la souris dans la fenêtre contextuelle et les icônes pointées par les flèches apparaîtront. Cliquez sur ces icônes pour créer des fichiers et des dossiers, et vous pouvez également sélectionner les options associées dans la barre de titre Fichier créer et ouvrir.

Figure 4-7 VS Code crée des fichiers 

       Après avoir installé l'extension Code Runner, nous pouvons utiliser vscode pour ouvrir un dossier (utilisé pour stocker les fichiers du projet). Nous pouvons créer un nouveau fichier, le format de fichier (suffixe de fichier) est le format du langage de programmation (vous pouvez également écrire du code dans un fichier texte .txt, et le changer au format du langage de programmation lors de l'enregistrement), puis vous peut écrire du code dans ce fichier et l'enregistrer Ensuite, vous pouvez utiliser l'option d'exécution du code pour exécuter le code. Entrez le code suivant dans le fichier créé, comme illustré à la Figure 4-8.

#include<stdio.h>
int main(void)
{   //求最大公约数，辗转相除法。
	int a,b;
	scanf("%d%d",&a,&b);
	int c;
	if (a<b)
	{   c=a;
		a=b;
		b=c;
	}
	while (c = a%b)
	{
		a = b; 
		b = c;
	}
	printf("%d\n", b);
	return 0;
}

Figure 4-8 Modification du code du fichier VS Code

       Le code de la figure 4-8 ci-dessus doit entrer des données lorsqu'il est en cours d'exécution, et la sortie du code d'exécution généré par l'extension de Code Runner est en OUTPUT par défaut. Cette fenêtre interactive OUTPUT ne peut être utilisée que pour la sortie, pas pour Nous devons le changer en TERMINAL (terminal), ce qui suit parlera de plusieurs fenêtres interactives dans la boîte rouge de la figure 4-8.

(3) PROBLÈMES , SORTIE , CONSOLE DE DÉBUG , TERMINAL ( terminal)

         Les options d'exécution par défaut de vscode illustrées à la figure 4-5, les résultats d'exécution sont affichés dans le terminal TERMINAL et les options d'exécution générées après l'installation de l'extension Code Runner à la figure 4-6, les résultats d'exécution sont affichés dans OUTPUT par défaut. Et la sortie ne peut être que la sortie, qui est la sortie du programme en cours d'exécution, et ne peut pas être utilisée pour l'entrée, et le terminal (terminal) peut être une sortie ou une entrée.

         Après l'exécution du code d'exécution du code dans la figure 4-8, les données doivent être saisies. Par conséquent, nous pouvons cocher l'option indiquée par la flèche rouge dans la figure 4-9 via Fichier → Préférences → Paramètres → Utilisateur → Extensions → Configuration du code d'exécution. (cochez Select Run In Terminal), puis exécutez le code de la figure 4-8 via le code d'exécution, nous pouvons entrer des données dans le terminal TERMINAL, appuyez sur Entrée, le programme obtient l'entrée et renvoie le résultat au TERMINAL après l'exécution.

Figure 4-9 Configuration de l'extension Code Runner

        Si nous avons des exigences particulières pour l'extension Code Runner, nous pouvons les définir dans la figure 4-9.

      Avec OUTPUT, le résultat de l'exécution du programme à chaque fois sera conservé dans la fenêtre OUTPUT actuelle, et la fenêtre OUTPUT sera automatiquement effacée lorsque vous quitterez le projet. Avec TERMINAL, chaque fois que vous ouvrez le projet pour exécuter le programme, un TERMINAL courant sera créé. Les résultats de chaque programme en cours d'exécution seront conservés dans la fenêtre TERMINAL courante. Lorsque vous quitterez le projet, ce TERMINAL sera conservé. Lorsque vous ouvrez à nouveau le projet, ces terminaux seront Vous pouvez supprimer la fenêtre de terminal précédente en la gardant dans la zone indiquée par la flèche rouge dans la Figure 4-10.

Figure 4-10 Borne BORNE

       En termes de matériel, le terminal est un outil auxiliaire pour l'hôte et la console de la console est une partie interne de l'hôte. Par exemple, le clavier et le moniteur de l'ordinateur peuvent être considérés comme le terminal de l'hôte. Le journal enregistre du démarrage et de l'arrêt de l'ordinateur seront transmis à la console.Une console, la console de la console est une partie interne de l'hôte. Du point de vue du logiciel, dans les outils IDE (tels que : PyCharm, VS Code, etc.), le terminal terminal et la console de la console sont liés à l'entrée et à la sortie, mais le terminal terminal se concentre sur l'IDE, qui peut être l'entrée ou la sortie du programme.Paramètres de l'environnement d'exploitation, etc., tandis que la console de la console se concentre sur le programme, en se concentrant sur le contrôle du programme en cours. Dans certains IDE, les fonctions des deux se chevauchent (pour la commodité de fonctionnement), mais l'accent est différent. Le premier est biaisé vers le niveau macro, tandis que le second est biaisé vers le niveau micro.

       DEBUG CONSOLE est une fenêtre d'opération de contrôle de programme liée au débogage. Cette fenêtre ne peut être définie qu'après l'installation de l'extension avec débogage (debug).

       Les PROBLÈMES sont des problèmes détectés liés à l'espace de travail (espace de travail, espace de travail). À propos de l'espace de travail sera présenté ci-dessous.

6. Paramètres de l'utilisateur , de l'espace de travail et du dossier

       Une fois que Vscode a ouvert un dossier (dossier ouvert), vous pouvez utiliser l'image Fichier→Ajouter un dossier à l'espace de travail pour créer un espace de travail (espace de travail, espace de travail). Cet espace de travail traite en fait plusieurs dossiers dans leur ensemble et est généralement utilisé dans un tel scénario : aa est un dossier de projet, bb est un dossier de projet, nous ouvrons le dossier aa, puis ajoutons le dossier bb via l'opération Ajouter un dossier à l'espace de travail, de sorte que aa et bb constituent un espace de travail, via Fichier → Enregistrer l'espace de travail sous est enregistré en tant que fichier au format .code-workspace (vous pouvez choisir de l'enregistrer dans d'autres dossiers). Plus tard, nous utilisons Fichier→Ouvrir l'espace de travail à partir du fichier pour ouvrir ce fichier .code-workspace, ce qui équivaut à ouvrir les dossiers aa et bb à la en même temps. , ce qui équivaut à ouvrir ces deux projets en même temps.

Figure 4-11 Option Espace de travail dans la barre de titre Fichier

       Cette configuration de l'espace de travail nous permet d'ouvrir plusieurs projets à la fois. Après la configuration, nous n'avons qu'à ouvrir le fichier .code-workspace (c'est-à-dire une fenêtre VS Code pour ouvrir plusieurs projets), ce qui nous empêche d'ouvrir plusieurs VS Projet de fenêtres de code. Comme le montre la Figure 4-12, il s'agit d'un espace de travail nommé wcp, qui se compose de deux dossiers, cn et pn (bien sûr, il peut y avoir d'autres dossiers dans ces dossiers).

Figure 4-12 Espace de travail wcp

      Le dossier cn stocke les fichiers c, le dossier pn stocke les fichiers python et le nom complet de wcp est en fait le fichier wcp.code-workspace.Nous avons seulement besoin d'utiliser File→Open Workspace From File pour ouvrir le fichier wcp.code-workspace , et la fenêtre vscode affichera Comme le montre la Figure 4-12.

        De plus, nous pouvons définir ces projets multiples via l'espace de travail, et ces paramètres ne sont valables que pour ces projets. Nous ouvrons le fichier wcp.code-workspace (comme illustré à la Figure 4-12), puis sélectionnons Fichier→Préférences→Paramètres pour afficher l'interface illustrée à la Figure 4-13.

Illustration 4-13 Paramètres

       Les paramètres de paramètres que nous avons mentionnés précédemment font référence aux paramètres utilisateur, aux paramètres utilisateur, c'est-à-dire aux paramètres généraux. Les paramètres de l'espace de travail (paramètres de l'espace de travail) sont des paramètres permettant à plusieurs projets (plusieurs dossiers) de former un espace de travail, et les paramètres de dossier sont des paramètres pour les projets de dossier. Ici, nous choisissons les paramètres de l'espace de travail. Les paramètres d'utilisateur, d'espace de travail et de dossier apparaissent dans la Figure 4-13. Les paramètres de l'espace de travail (paramètres de l'espace de travail) remplaceront les paramètres de l'utilisateur et les paramètres du dossier (paramètres du dossier) remplaceront les paramètres de l'utilisateur et de l'espace de travail. C'est-à-dire que lorsque nous utilisons cet espace de travail, nous utilisons ce paramètre d'espace de travail. Lorsque nous utilisons ce dossier , est de utilisez ce paramètre de dossier. Nous pouvons implémenter des paramètres spécifiques pour plusieurs projets via les paramètres de l'espace de travail pour produire les effets dont nous avons besoin.

7. Désinstaller et copier la configuration

(1) Désinstaller l'extension

      Pour désinstaller une extension, cliquez sur l'icône sur le côté gauche de la Figure 4-14 ci-dessous et sélectionnez INSTALLÉ (installé) pointé par la flèche rouge sur la gauche dans le menu contextuel, et l'extension installée apparaîtra. l'extension, l'invite de désinstallation de l'extension apparaîtra à droite (indiquée par la flèche rouge à droite de la Figure 4-14), cliquez sur Désinstaller pour désinstaller. Vous pouvez également rechercher l'extension correspondante dans la zone de recherche d'extension et cliquer sur désinstaller pour la désinstaller.

4-14 Désinstallation étendue

       De plus, après la désinstallation de l'extension dans vscode, la fonction de l'extension peut continuer à être utilisée (car elle a été chargée dans la mémoire et existe toujours dans la mémoire). À ce stade, vscode doit être redémarré. Étant donné que le L'extension a été désinstallée, l'extension ne peut pas être chargée dans la mémoire après le redémarrage de vscode. Les extensions ne peuvent pas être utilisées.

(2) Copier la configuration

     Dans le système d'exploitation Windows, les extensions installées par VS Code se trouvent par défaut dans le chemin C:\Users\username\.vscode\extensions. Ce nom d'utilisateur est le compte de connexion Windows et vous pouvez afficher ou supprimer des extensions dans C:\ Utilisateurs. Et vous pouvez copier le dossier .vscode et écraser le dossier .vscode à l'emplacement ci-dessus où VS Code est installé ailleurs, afin que vous puissiez directement utiliser la configuration précédente sans la reconfigurer.

(3) Problème de désinstallation du code VS

       Après avoir désinstallé VS Code, puis réinstallé VS Code, les informations de configuration précédentes (y compris les dossiers ouverts, les extensions installées, etc.) apparaissent toujours, car VSCode n'a pas été complètement désinstallé auparavant.

     Si vous souhaitez désinstaller complètement VS Code, vous devez supprimer manuellement le contenu de C:\Users\username\.vscode et C:\Users\username\AppData\Roaming\Code après avoir désinstallé VS Code, vous pouvez les supprimer directement ces deux répertoires. Après cette désinstallation complète, puis l'installation de VSCode, cela équivaut à une nouvelle installation, c'est-à-dire que les informations de configuration pertinentes précédentes n'apparaîtront pas.

       Jusqu'à présent, l'installation et la configuration de base de vscode sont terminées, et l'installation de l'extension Code Runner est également introduite. Une fois l'extension installée, VS Code peut exécuter C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell et d'autres langages de programmation, mais cette extension n'a pas de fonction de débogage (debug).

Installation du compilateur et du compilateur C/C++ (installation c+)

https://blog.csdn.net/thefg/article/details/131916203

Le dernier tutoriel détaillé d'installation de python :

https://blog.csdn.net/thefg/article/details/128601410

Enfin, vous êtes invités à aimer, mettre en signet et suivre!