Partager via


Bienvenue dans l’IDE Visual Studio | C#

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 montrant l’IDE Visual Studio 2022, avec des légendes indiquant l’emplacement des fonctionnalités et fonctionnalités clés.

L’image précédente montre Visual Studio avec un projet 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.

Éditions

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 dans chaque édition.

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

  • Zigzags et Actions Rapides

    Les gouilles sont des soulignements ondulés qui vous avertit 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 placez le curseur sur un souligné ondulé, 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 montrant des soulignements ondulés dans Visual Studio.

  • Nettoyage du code

    En cliquant sur un bouton, vous pouvez mettre en forme votre code et appliquer les correctifs de code suggérés par vos paramètres de style de code, conventions .editorconfig et analyseurs Roslyn. Le nettoyage du code, actuellement disponible pour le code C#, vous permet de résoudre les problèmes dans votre code avant qu’il ne passe à la révision du code.

    Capture d’écran montrant l’icône et le menu Nettoyage du code dans Visual Studio.

  • Refactorisation

    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 montrant la 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 de disposer d’une documentation de base intégrée dans l’éditeur, vous n’avez donc pas besoin de rechercher des informations de type ailleurs.

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

    Capture d’écran montrant 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.

    Capture d’écran montrant la zone de recherche Lancement rapide dans Visual Studio.

    Pour obtenir des informations et des conseils de productivité, consultez Comment utiliser la recherche 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.

  • 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.

  • Accéder à 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 l’élément de menu Go to Definition.

  • 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 une fenêtre Aperçu de la définition.

  • 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 utilisez IntelliSense comme aide au codage, déboguez une application pour afficher une valeur variable pendant l’exécution de l’application et modifier le thème de couleur.

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 Desktop sélectionnée dans Visual Studio Installer.

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.

Créer un programme

Plongez et créez un programme simple.

  1. Démarrez Visual Studio. La fenêtre de démarrage s’affiche avec les options de clonage d’un dépôt, l’ouverture d’un projet récent ou la création d’un projet.

  2. Choisissez Créer un projet.

    Capture d’écran du menu Démarrer de Visual Studio avec la sélection d’un projet.

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

  3. 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 C# dans la liste déroulante Toutes les langues , Windows à partir de la liste toutes les plateformes et Console à partir de la liste Tous les types de projets .

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

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

  4. 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é.

  5. 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 boîte de dialogue Informations supplémentaires montrant .NET 8.0 sélectionné comme framework cible pour le nouveau projet dans Visual Studio.

    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.cs . Le code C# de votre application s’ouvre dans la fenêtre de l’éditeur central, qui occupe la plupart de l’espace.

    Capture d’écran montrant l’IDE Visual Studio avec le code Program.cs 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 pointillées verticales dans le code indiquent quelles accolades correspondent les unes aux autres. Vous pouvez également choisir de petits panneaux moins ou plus encadrés 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 l’IDE Visual Studio avec des zones rouges.

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

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

    Capture d’écran montrant l’élément de menu Démarrer > sans débogage.

    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.

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

  8. Ajoutons du code à l’application. Ajoutez le code C# suivant avant la ligne qui indique Console.WriteLine("Hello World!");:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

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

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

    Console.WriteLine($"\nHello {name}!");
    
  10. 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.

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

    Capture d’écran de la fenêtre Console de débogage affichant l’invite pour entrer un nom, l’entrée, et la sortie Hello Georgette !.

  12. 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.

    La variable est renommée dans le projet, ce qui est dans notre cas seulement deux occurrences.

  3. Jetez maintenant un coup d’œil à IntelliSense. Sous la ligne qui indique Console.WriteLine($"\nHello {username}!");, tapez DateTime now = DateTime..

    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.

  4. Sélectionnez le membre nommé Now, qui est une propriété de la classe, en double-cliquant dessus ou en appuyant sur Tab. Terminez la ligne de code en ajoutant un point-virgule à la fin de la ligne : DateTime now = DateTime.Now;.

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

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

    Conseil / Astuce

    Console.Write est différent de Console.WriteLine en ce qu’il n’ajoute pas de fin de ligne après l’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.

  6. Ensuite, utilisez à nouveau la refactorisation pour rendre le code un peu plus concis. Sélectionnez la variable now dans la ligne DateTime now = DateTime.Now;. Une icône de tournevis apparaît dans la marge sur cette ligne.

  7. Sélectionnez l’icône de tournevis 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.

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

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

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 indique Console.WriteLine($"\nHello {username}!"); en cliquant dans la marge à gauche, ou en regard de celle-ci. 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.

    La priorité 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 mise en surbrillance jaune signifie que cette ligne de code s’exécutera ensuite. Le point d’arrêt interrompt l'exécution à 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.

Personnaliser Visual Studio

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

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

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

    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. 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.

    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.

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

Sélectionner les paramètres d’environnement

Vous pouvez configurer Visual Studio pour utiliser les paramètres d’environnement adaptés aux développeurs C# :

  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 , choisissez d’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 C#, 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.

Étapes suivantes

Explorez Visual Studio plus loin en suivant l’un de ces articles d’introduction :

Voir aussi