Procédure pas à pas : explorer l'IDE Visual Studio avec C++

Article
02/28/2013

En suivant cette procédure pas-à-pas, vous vous familiariserez avec la plupart des outils et des boîtes de dialogue que vous pouvez utiliser lorsque vous développez des applications avec Visual Studio.Vous allez créer une application « Hello, World » simple, alors que vous en apprenez plus sur l'utilisation de l'environnement de développement intégré (IDE).

Cette rubrique contient les sections suivantes :

Configurer l'IDE

Créer une application simple

Personnaliser l'éditeur de code

Ajouter du code à l'application

Déboguer et tester l'application

Générer une version Release de l'application

Configurer l'IDE

Lorsque vous démarrez Visual Studio pour la première fois, vous devez choisir une combinaison de paramètres qui applique un ensemble de personnalisations prédéfinies à l'IDE.Chaque combinaison a été conçue pour vous aider à développer un certain type d'application.

Figure 1 : Boîte de dialogue Choisir les paramètres d'environnement par défaut

Choisir les paramètres d'environnement Visual C++ par défaut

Pour cette procédure pas à pas, les Paramètres de développement Visual C++ ont été appliqués.Vous pouvez modifier la combinaison de paramètres à l'aide de l'Assistant Importation et exportation de paramètres.Pour plus d'informations, consultez Comment : modifier les paramètres de sélection.

Après avoir ouvert Visual Studio, vous pouvez identifier les trois parties de base de l'IDE : fenêtres Outil, menus et barres d'outils et l'espace de la fenêtre principale.Les fenêtres Outil sont ancrées sur les côtés gauche et droit de la fenêtre de l'application. Lancement rapide, la barre de menus et la barre d'outils standard sont situés en haut.La page de démarrage est située au centre de la fenêtre d'application.Lorsque vous ouvrez une solution ou un projet, les éditeurs et les concepteurs apparaissent dans cet espace.Lorsque vous développez une application, vous passez la majeure partie de votre temps dans cette zone centrale.

Figure 2 : IDE de Visual Studio

IDE avec paramètres Visual C++ appliqués

Vous pouvez personnaliser Visual Studio à l'aide de la boîte de dialogue Options.Par exemple, vous pouvez modifier la police et la taille du texte qui s'affiche dans l'éditeur, ou le thème de couleur de l'IDE.Selon la combinaison de paramètres appliquée, certains éléments de cette boîte de dialogue peuvent ne pas apparaître automatiquement.Vous pouvez afficher tous les options possibles en activant la case à cocher Afficher tous les paramètres.

Figure 3 : Boîte de dialogue Options

Boîte de dialogue Options, avec l'option Afficher tous les paramètres

Dans cet exemple, vous changerez le thème de couleur « clair » de l'IDE par « sombre ».

Pour modifier le thème de couleur de l'IDE

Ouvrez la boîte de dialogue Options.
Modifiez le Thème de couleur à Sombre.

Dans Visual Studio, les couleurs devraient correspondre à l'image suivante :

IDE avec application du thème foncé

Pour rétablir le thème de couleur clair dans l'IDE, répétez les étapes précédentes et choisissez Clair à l'étape 2.Pour plus d'informations, consultez Personnalisation de l'environnement de développement.

Créer une application simple

Lorsque vous créez une application dans Visual Studio, vous créez un projet et une solution.Pour cet exemple, vous allez créer une application console Windows.

Pour créer une application console

Dans la barre de menus, sélectionnez Fichier, Nouveau, Projet.

Ou utilisez Lancement rapide pour ouvrir la boîte de dialogue Nouveau projet.
Dans la catégorie Visual C++, choisissez le modèle Application console Win32, puis nommez le projet GreetingsConsoleApp.
Lorsque l'Assistant Application Win32 s'affiche, cliquez sur le bouton Terminer.

Le projet et la solution GreetingsConsoleApp, avec les fichiers de base pour une application console Win32, sont créés et automatiquement chargés dans l'Explorateur de solutions.Le fichier GreettingsConsoleApp.cpp est ouvert dans l'éditeur de code.Les éléments suivants apparaissent dans l'Explorateur de solutions :

Figure 4 : Eléments du projet

Fichiers pour la solution dans Solution Explorer

Personnaliser l'éditeur de code

Vous pouvez personnaliser la façon dont le code apparaît dans l'éditeur de code.Par exemple, vous pouvez afficher un tiret pour représenter un espace blanc ou afficher les numéros de ligne pour faciliter la navigation.Vous spécifiez des options de personnalisation à partir du menu Modifier, mais vous devez ouvrir la boîte de dialogue Options pour personnaliser l'IDE autrement.

Dans les procédures suivantes, vous allez personnaliser l'éditeur de code de quelques manières de base.

Pour activer le retour automatique à la ligne

Dans la barre de menus, sélectionnez Modifier, Avancé, Retour automatique à la ligne.

Pour activer les numéros de ligne

Ouvrez la boîte de dialogue Options.
Dans la catégorie Éditeur de texte, sélectionnez le nœud C/C++, puis activez la case à cocher Numéros de ligne.

Le contenu de l'éditeur de code doit ressembler à l'illustration suivante :

GreetingsConsoleApp.cpp dans l'éditeur de code

Pour plus d'informations, consultez Personnalisation de l'éditeur.

Ajouter du code à l'application

Ensuite, vous ajouterez du code pour afficher le mot « Hello » dans la fenêtre de console.

Pour afficher « Hello » dans la fenêtre de console

Dans le fichier GreetingsConsoleApp.cpp, entrez une ligne vierge avant la ligne return 0;, puis entrez le code suivant :
```
cout <<"Hello\n";
```
Une ligne ondulée rouge apparaît sous cout.Un message d'erreur apparaît si vous pointez sur lui.

Le message d'erreur s'affiche aussi dans la fenêtre Liste d'erreurs.Vous pouvez afficher la fenêtre, dans la barre de menus, en choisissant Afficher, Liste d'erreurs.

cout est inclus dans le fichier d'en-tête <iostream> que vous n'avez pas encore défini.
Après la ligne de code #include "stdafx.h", entrez le code suivant :
```
#include <iostream>
using namespace std;
```
Vous avez peut-être remarqué qu'une zone est apparue lors de l'écriture du code, en fournissant des suggestions pour les caractères entrés.Cette fonctionnalité, nommée IntelliSense fournit une collection d'invites d'encodage, telles que Liste des membres, Informations sur les paramètres, Info express, Assistance de signature et Compléter le mot, pour vous aider à écrire le code plus rapidement.En outre, vous pouvez utiliser des extraits de code, qui sont des blocs prédéfinis de code.Pour plus d'informations, consultez Utilisation de la fonctionnalité IntelliSense et Extraits de code.

La ligne ondulée rouge sous cout disparaît lorsque vous corrigez l'erreur.
Enregistrez les modifications apportées au fichier.

Déboguer et tester l'application

Vous devez déboguer GreetingsConsoleApp pour vérifier si le mot « Hello » s'affiche dans la fenêtre de console comme prévu.

Pour déboguer l'application

Démarrez le débogueur.

Le débogueur démarre et exécute le code.La fenêtre de console s'affiche pendant quelques secondes mais se ferme rapidement lorsque le débogueur cesse de fonctionner.Le débogueur a terminé l'exécution de l'application trop rapidement pour que vous puissiez vérifier le texte apparu dans la fenêtre de console.

Vous utiliserez un point d'arrêt pour forcer l'application à s'interrompre suffisamment longtemps pour identifier le texte qui apparaît dans la fenêtre de console.

Pour ajouter un point d'arrêt

Dans la ligne return 0;, ajoutez un point d'arrêt depuis la barre de menus.

Un cercle rouge apparaît à côté de la ligne de code dans la bordure gauche de la fenêtre de l'éditeur.
Appuyez sur la touche F5 pour démarrer le débogage.

Le débogueur démarre et plusieurs fenêtres Outil s'affichent.Dans la partie inférieure de l'IDE, les fenêtres Automatique, Variables locales, Threads, Modules et Espion sont ancrées ensemble sur le côté gauche. Les fenêtres Pile des appels, Points d'arrêt, Commande, Immédiat et Sortie sont ancrées ensemble sur le côté droit.
Accédez à la fenêtre de console pour vérifier que le mot Hello s'affiche.L'interface utilisateur doit ressembler à cette illustration :
Appuyez sur les touches MAJ+F5 pour arrêter le débogage.

Pour plus d'informations, consultez Préparation du débogage : projets console.

Générer une version Release de l'application

Maintenant que vous avez vérifié que tout fonctionne, vous pouvez préparer une version Release de l'application.

Pour nettoyer les fichiers solution et générer une version Release

Dans la barre de menus, supprimez les fichiers intermédiaires et les fichiers de sortie créés pendant les générations précédentes.
Changez la configuration de build pour GreetingsConsoleApp de Debug à Release.
Générez la solution.