Partager via

Bienvenue dans l’IDE Visual Studio | Visual Basic

Un environnement de développement intégré (IDE) est un programme riche en fonctionnalités qui prend en charge de nombreux aspects du développement logiciel. L’IDE Visual Studio est un panneau de lancement créatif que vous pouvez utiliser pour modifier, déboguer et générer du code, puis publier une application. Au-delà de l’éditeur standard et du débogueur fournis par la plupart des IDE, Visual Studio inclut des compilateurs, des outils d’achèvement du code, des concepteurs graphiques et de nombreuses autres fonctionnalités pour améliorer le processus de développement logiciel.

Capture d’écran de l’IDE Visual Studio avec du code Visual Basic et des fonctionnalités clés.

L’image précédente montre Visual Studio avec un projet Visual Basic ouvert qui affiche les fenêtres clés et leurs fonctionnalités :

  • Dans l’Explorateur de solutions, en haut à droite, vous pouvez afficher, naviguer et gérer vos fichiers de code. L’Explorateur de solutions peut vous aider à organiser votre code en regroupant les fichiers en solutions et projets.

  • La fenêtre de l’éditeur central, où vous passerez probablement la plupart de votre temps, affiche le contenu du fichier. Dans la fenêtre de l’éditeur, vous pouvez modifier du code ou concevoir une interface utilisateur telle qu’une fenêtre avec des boutons et des zones de texte.

  • Dans Les modifications Git en bas à droite, vous pouvez suivre les éléments de travail et partager du code avec d’autres utilisateurs à l’aide de technologies de contrôle de version telles que Git et GitHub.

Editions

Visual Studio est disponible pour Windows.

Il existe trois éditions de Visual Studio : Community, Professional et Enterprise. Consultez Comparer les éditions de Visual Studio pour en savoir plus sur les fonctionnalités prises en charge par chaque édition.

Voici quelques fonctionnalités populaires dans Visual Studio qui améliorent votre productivité lors du développement de logiciels :

  • Squiggles et Actions Rapides

    Les soulignements ondulés sont des zigzags qui vous avertissent d'erreurs ou de problèmes potentiels dans votre code au fur et à mesure que vous tapez. Ces indices visuels vous aident à résoudre les problèmes immédiatement, sans attendre de découvrir les erreurs pendant la génération ou l’exécution. Si vous survolez une vague, vous voyez plus d’informations sur l’erreur. Une ampoule peut également apparaître dans la marge gauche montrant les actions rapides que vous pouvez effectuer pour corriger l’erreur.

    Capture d’écran d’un trait de soulignement ondulé dans Visual Studio.

  • Refactoring

    La refactorisation inclut des opérations telles que le renommage intelligent des variables, l’extraction d’une ou plusieurs lignes de code dans une nouvelle méthode et la modification de l’ordre des paramètres de méthode.

    Capture d’écran du menu Refactorisation dans Visual Studio.

  • IntelliSense

    IntelliSense est un ensemble de fonctionnalités qui affichent des informations sur votre code directement dans l’éditeur et, dans certains cas, écrivent de petits bits de code pour vous. Il s’agit d’avoir une documentation basique en ligne dans l’éditeur, ce qui vous évite de rechercher des informations de type ailleurs.

    L’illustration suivante montre comment IntelliSense affiche une liste de membres pour un type :

    Capture d’écran d’une liste de membres IntelliSense.

    Les fonctionnalités IntelliSense varient selon le langage. Pour plus d’informations, consultez C# IntelliSense, Visual C++ IntelliSense, JavaScript IntelliSense et Visual Basic IntelliSense.

  • Recherche Visual Studio

    Les menus, les options et les propriétés de Visual Studio peuvent sembler écrasants à certains moments. La recherche Visual Studio, ou Ctrl+Q, est un excellent moyen de trouver rapidement les fonctionnalités et le code de l’IDE dans un seul endroit.

    Lorsque vous commencez à taper le nom d’un élément que vous recherchez, Visual Studio répertorie les résultats qui vous emmènent là où vous devez aller. Si vous devez ajouter des fonctionnalités, par exemple un autre langage de programmation, vous pouvez ouvrir Visual Studio Installer à partir des résultats de la zone de recherche pour installer la charge de travail ou le composant.

    Capture d’écran montrant la boîte de recherche Quick Launch dans Visual Studio.

  • Live Share

    Modifiez et déboguez en collaboration avec d’autres personnes en temps réel, quel que soit le type ou le langage de programmation de votre application. Vous pouvez partager instantanément et en toute sécurité votre projet. Vous pouvez également partager des sessions de débogage, des instances de terminal, localhost des applications web, des appels vocaux, etc.

  • Hiérarchie des appels

    La fenêtre Hiérarchie des appels affiche les méthodes qui appellent une méthode sélectionnée. Ces informations peuvent être utiles lorsque vous envisagez de modifier ou de supprimer la méthode, ou lorsque vous essayez de suivre un bogue.

    Capture d’écran montrant la fenêtre Hiérarchie des appels dans Visual Studio.

  • CodeLens

    CodeLens vous aide à trouver des références de code, des modifications de code, des bogues liés, des éléments de travail, des révisions de code et des tests unitaires, sans quitter l’éditeur.

    Capture d’écran montrant CodeLens dans Visual Studio.

  • Atteindre la définition

    La fonctionnalité Atteindre la définition vous amène directement à l’emplacement d’une fonction ou d’une définition de type.

    Capture d’écran montrant Go to Definition dans Visual Studio.

  • Aperçu de la définition

    La fenêtre Définition d’aperçu affiche une méthode ou une définition de type sans ouvrir un fichier distinct.

    Capture d’écran montrant La définition d’aperçu dans Visual Studio.

  • Rechargement à chaud

    Le rechargement à chaud vous permet de modifier les fichiers de code de votre application et d’appliquer immédiatement les modifications de code à l’application en cours d’exécution.

    Capture d’écran du rechargement à chaud dans Visual Studio 2022.

Installer Visual Studio

Dans cette section, vous allez créer un projet simple pour essayer certaines des opérations que vous pouvez effectuer avec Visual Studio. Vous apprenez à modifier le thème de couleur, à utiliser IntelliSense comme aide au codage et à déboguer une application pour afficher une valeur de variable pendant l’exécution de l’application.

Pour commencer, téléchargez Visual Studio et installez-le sur votre système. Dans le programme d’installation modulaire, vous choisissez et installez des charges de travail, qui sont des groupes de fonctionnalités dont vous avez besoin pour les langages de programmation ou les plateformes souhaités. Pour utiliser les étapes suivantes pour créer un programme, veillez à sélectionner la charge de travail de développement de bureau .NET pendant l’installation.

Capture d’écran de la charge de travail de développement .NET bureau sélectionnée dans le programme d'installation de Visual Studio.

Lorsque vous ouvrez Visual Studio pour la première fois, vous pouvez vous connecter à l’aide de votre compte Microsoft ou de votre compte professionnel ou scolaire.

Personnaliser Visual Studio

Vous pouvez personnaliser l’interface utilisateur de Visual Studio, y compris modifier le thème de couleur par défaut.

Modifier le thème de couleur

Pour modifier le thème de couleur :

  1. Ouvrez Visual Studio. Dans la fenêtre de démarrage, sélectionnez Continuer sans code.

    Capture d’écran de l’écran de démarrage de Visual Studio, avec le lien Continuer sans code mis en surbrillance.

  2. Dans la barre de menus de Visual Studio, choisissez Options d’outils> pour ouvrir la boîte de dialogue Options.

  3. Dans la page OptionsGénérales>, remplacez la sélection thème couleur par Bleu ou Clair, puis sélectionnez OK.

    Capture d’écran montrant la modification du thème de couleur en bleu dans Visual Studio.

    Le thème de couleur pour l’ensemble de l’IDE change en conséquence. La capture d’écran suivante montre le thème Bleu :

    Capture d’écran montrant Visual Studio dans le thème Bleu.

  1. Ouvrez Visual Studio. Dans la barre de menus, sélectionnez Options d’outils> pour ouvrir le volet Options.

  2. Dans la page Tous les paramètresde l’environnementet d’expérience visuelle, remplacez la sélection du Thème de couleur par Brise Fraîche ou Lumière.

    Capture d’écran montrant la modification du thème de couleur par Cool Breeze dans Visual Studio.

    Le thème de couleur pour l’ensemble de l’IDE change en conséquence. La capture d’écran suivante montre le thème Cool Breeze :

    Capture d’écran montrant Visual Studio dans le thème Cool Breeze.

Sélectionner les paramètres d’environnement

Vous pouvez configurer Visual Studio pour utiliser les paramètres d’environnement adaptés aux développeurs Visual Basic.

  1. Dans la barre de menus, choisissez Outils>d’importation et d’exportation des paramètres.

  2. Dans l’Assistant Importation et exportation de paramètres, sélectionnez Réinitialiser tous les paramètres, puis Suivant.

  3. Dans la page Enregistrer les paramètres actuels , sélectionnez s’il faut enregistrer vos paramètres actuels avant de réinitialiser. Si vous n’avez pas personnalisé de paramètres, sélectionnez Non, réinitialisez les paramètres, en remplaçant mes paramètres actuels. Ensuite, sélectionnez Suivant.

  4. Dans la page Choisir une collection de paramètres par défaut , choisissez Visual Basic, puis sélectionnez Terminer.

  5. Dans la page Réinitialisation terminée, sélectionnez Fermer.

Pour en savoir plus sur d’autres façons de personnaliser l’IDE, consultez Personalize Visual Studio.

Créer un programme

Plongez et créez un programme simple.

  1. Dans la barre de menu de Visual Studio, choisissez successivement Fichier>Nouveau>Projet. Vous pouvez également appuyer sur Ctrl+Maj+N.

    Capture d’écran de la sélection Fichier : > Nouveau > Projet dans la barre de menus de Visual Studio.

    La fenêtre Créer un projet s’ouvre et affiche plusieurs modèles de projet. Un modèle contient les fichiers et paramètres de base requis par un type de projet donné.

  2. Pour rechercher un modèle, vous pouvez taper ou entrer des mots clés dans la zone de recherche. Liste des filtres de modèles disponibles en fonction des mots clés que vous entrez. Vous pouvez filtrer davantage les résultats du modèle en choisissant Visual Basic dans la liste déroulante Toutes les langues , Windows dans la liste toutes les plateformes et console dans la liste Tous les types de projets .

    Sélectionnez le modèle d’application console Visual Basic, puis sélectionnez Suivant.

    Capture d’écran de la fenêtre Créer un projet avec l’application console Visual Basic sélectionnée.

  3. Dans la fenêtre Configurer votre nouveau projet , entrez HelloWorld dans la zone Nom du projet . Si vous le souhaitez, modifiez l’emplacement du répertoire du projet à partir de l’emplacement par défaut de C :\Users\<name>\source\répos, puis sélectionnez Suivant.

    Capture d’écran de la fenêtre Configurer votre nouveau projet avec le nom du projet HelloWorld entré.

  4. Dans la fenêtre Informations supplémentaires , vérifiez que .NET 8.0 apparaît dans le menu déroulant Target Framework , puis sélectionnez Créer.

    Capture d’écran de la fenêtre d'informations supplémentaires avec la version .NET 8.0 sélectionnée.

    Visual Studio crée le projet. Le programme est une application « Hello World » simple qui appelle la méthode pour afficher la Console.WriteLine() chaîne Hello, World ! dans une fenêtre de console.

    Les fichiers projet apparaissent à droite de l’IDE Visual Studio, dans une fenêtre appelée Explorateur de solutions. Dans la fenêtre Explorateur de solutions , sélectionnez le fichier Program.vb . Le code Visual Basic de l’application s’ouvre dans la fenêtre de l’éditeur central, qui occupe la plupart de l’espace.

    Capture d’écran montrant Visual Studio I D E avec le code Program dot V B dans l’éditeur.

    Le code est automatiquement colorisé pour indiquer différentes parties, telles que les mots clés et les types. Les numéros de ligne vous aident à localiser le code.

    Les petites lignes en pointillés verticaux dans le code indiquent une structure de code ou des blocs de code qui vont ensemble. Vous pouvez également cliquer sur les petites icônes de signe moins ou signe plus encadrées pour réduire ou développer des blocs de code. Cette fonctionnalité de plan de code vous permet de masquer le code que vous n’avez pas besoin de voir, ce qui permet de réduire l’encombrement à l’écran.

    Capture d’écran montrant visual Studio I D E avec des zones rouges.

    De nombreux autres menus et fenêtres d’outils sont disponibles.

  5. Démarrez l'application en choisissant Déboguer>Démarrer sans débogage dans le menu supérieur de Visual Studio. Vous pouvez également appuyer sur Ctrl+F5.

    >

    Visual Studio génère l’application et une fenêtre de console s’ouvre avec le message Hello World !. Vous disposez maintenant d’une application en cours d’exécution !

    Capture d’écran de la fenêtre Debug Console montrant la sortie Hello World ! et appuyez sur n’importe quelle touche pour fermer cette fenêtre.

  6. Pour fermer la fenêtre de console, appuyez sur n’importe quelle touche.

  7. Ajoutons du code à l’application. Ajoutez le code Visual Basic suivant avant la ligne qui indique Console.WriteLine("Hello World!"):

    Console.WriteLine("What is your name?")
Dim name = Console.ReadLine()

    Ce code affiche quel est votre nom ? dans la fenêtre de console, puis attend que l’utilisateur entre du texte.

  8. Modifiez la ligne qui indique Console.WriteLine("Hello World!") par la ligne suivante :

    Console.WriteLine("Hello " + name + "!")

  9. Réexécutez l’application en sélectionnant Démarrer>sans débogage ou en appuyant sur Ctrl+F5.

    Visual Studio reconstruit l’application et une fenêtre de console s’ouvre et vous invite à entrer votre nom.

  10. Tapez votre nom dans la fenêtre de console, puis appuyez sur Entrée.

    Capture d’écran de la fenêtre de la console Debug montrant la demande d’un nom, l’entrée, et la sortie Bonjour Georgette.

  11. Appuyez sur n’importe quelle touche pour fermer la fenêtre de console et arrêter le programme en cours d’exécution.

Utiliser la refactorisation et IntelliSense

Examinons quelques-unes des façons dont la refactorisation et IntelliSense peuvent vous aider à coder plus efficacement.

Tout d’abord, renommez la name variable :

  1. Double-cliquez sur la name variable, puis tapez le nouveau nom de la variable, nom d’utilisateur.

    Une zone apparaît autour de la variable et une ampoule apparaît dans la marge.

  2. Sélectionnez l’icône d’ampoule pour afficher les actions rapides disponibles. Sélectionnez Renommer « nom » en « nom d’utilisateur ».

    Capture d’écran montrant l’action Renommer dans Visual Studio.

    Les variables sont renommées dans l'ensemble du projet, ce qui, dans ce cas, ne concerne que deux emplacements.

Jetez maintenant un coup d’œil à IntelliSense.

  1. Sous la ligne qui indique Console.WriteLine("Hello " + username + "!"), tapez le code suivant :

    Dim now = Date.

    Une zone affiche les membres de la DateTime classe. La description du membre actuellement sélectionné s’affiche également dans une zone distincte.

    Capture d’écran montrant les membres de liste IntelliSense dans Visual Studio.

  2. Choisissez le membre nommé Now, qui est une propriété de la classe. Double-cliquez sur Maintenant, ou sélectionnez-le, puis appuyez sur Tab.

  3. Sous cette ligne, entrez les lignes de code suivantes :

    Dim dayOfYear = now.DayOfYear
Console.Write("Day of year: ")
Console.WriteLine(dayOfYear)

    Tip

    Console.Write est différent de Console.WriteLine en ce qu’il n’ajoute pas de terminateur de ligne après son impression. Cela signifie que la partie suivante du texte envoyé à la sortie s’imprime sur la même ligne. Vous pouvez pointer sur chacune de ces méthodes dans votre code pour afficher leurs descriptions.

Ensuite, utilisez à nouveau la refactorisation pour rendre le code un peu plus concis.

  1. Sélectionnez la variable now dans la ligne Dim now = Date.Now. Une icône d’ampoule apparaît dans la marge sur cette ligne.

  2. Sélectionnez l’icône d’ampoule pour afficher les suggestions disponibles à partir de Visual Studio. Ce cas montre la refactorisation de variable temporaire inline pour supprimer une ligne de code sans modifier le comportement global du code.

    Capture d’écran montrant la suggestion de variable temporaire inline dans Visual Studio.

  3. Sélectionnez variable temporaire inline pour refactoriser le code.

  4. Réexécutez le programme en appuyant sur Ctrl+F5. La sortie ressemble à ceci :

    Capture d’écran de la fenêtre Debug Console montrant l’invite d’un nom, de l’entrée et de la sortie.

Déboguer le code

Lorsque vous écrivez du code, vous devez l’exécuter et le tester pour les bogues. Le système de débogage de Visual Studio vous permet d’effectuer un pas à pas dans le code d’une instruction à la fois et d’inspecter les variables au fur et à mesure. Vous pouvez définir des points d’arrêt qui arrêtent l’exécution du code à une ligne particulière et observent comment la valeur de la variable change à mesure que le code s’exécute.

Définissez un point d’arrêt pour afficher la valeur de la username variable pendant l’exécution du programme.

  1. Définissez un point d’arrêt sur la ligne de code qui contient Console.WriteLine("Hello " + username + "!") en cliquant dans la marge de gauche. Vous pouvez également sélectionner la ligne de code, puis appuyer sur F9.

    Un cercle rouge apparaît dans la marge et la ligne est mise en surbrillance.

    Capture d’écran montrant un point d’arrêt sur une ligne de code dans Visual Studio.

  2. Démarrez le débogage en sélectionnant Démarrer>le débogage ou en appuyant sur F5.

  3. Lorsque la fenêtre de console s’affiche et demande votre nom, entrez votre nom.

    Le focus revient à l’éditeur de code Visual Studio, et la ligne de code avec le point d’arrêt est mise en surbrillance en jaune. La surbrillance jaune signifie que cette ligne de code s’exécute ensuite. Le point d’arrêt met l’exécution de l’application en pause à cette ligne.

  4. Placez votre souris sur la username variable pour voir sa valeur. Vous pouvez également cliquer avec le bouton droit sur username et sélectionner Ajouter une montre pour ajouter la variable à la fenêtre Espion , où vous pouvez également voir sa valeur.

    Capture d’écran montrant une valeur de variable pendant le débogage dans Visual Studio.

  5. Appuyez de nouveau sur F5 pour terminer l’exécution de l’application.

Une fois l’application en cours d’exécution, vous pouvez appliquer des modifications de code à l’application en cours d’exécution en cliquant sur le bouton Rechargement à chaud.

Capture d’écran du rechargement à chaud dans Visual Studio 2022.

Pour plus d’informations sur le débogage dans Visual Studio, consultez la visite guidée des fonctionnalités du débogueur.

Contenu connexe

  • Last updated on