Vous êtes sur la page 1sur 28

Laboratoire

Microsoft
Visual Studio 2008

Lemettre Arnaud

Version 1.0

28 Pages

21/04/2008

EPITA-MTI2009-MS-TUTO-VisualStudio
Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Propriétés du document

Auteur Lemettre Arnaud


Version 1.0
Nombre de pages 28
Références EPITA-MTI2009-MS-TUTO-VisualStudio

Historique du document

Date de Version Auteur Changements


vision
21/04/2008 0.1 Lemettre création

Site de référence

description url
Site MTI http://www.mti.epita.fr

Laboratoire Microsoft| Introduction 2 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Sommaire

Introduction ...........................................................................................................................................4
Installation .............................................................................................................................................5
Installation de plugins..........................................................................................................................11
Création d’une solution .......................................................................................................................12
Compilation de votre premier projet ..................................................................................................19
Utilisation du débuggeur .....................................................................................................................23
Conclusion :..........................................................................................................................................28

Laboratoire Microsoft| Introduction 3 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Introduction

Dans cet article nous allons voir l’installation de Visual Studio puis, la compilation d’un premier
projet.

Ce tutoriel vous guidera pour créer une solution et ajouter un projet dans Visual studio. Nous
verrons également tous les types de projets possibles de créer avec Visual studio 2008. Nous
apprendrons quelques fonctionnalités de base, comme la compilation, l’exécution et le débogage d’un
projet.

Laboratoire Microsoft| Introduction 4 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Installation

Visual studio 2008 est disponible en téléchargement sur le site de Microsoft. Il se décline en
plusieurs versions, ayant chacune plus ou moins de fonctionnalités.

- Express
- Standard
- Professional
- Team System.

Vous trouverez à cette adresse un guide de comparaison des versions selon vos besoins :

http://msdn2.microsoft.com/fr-fr/vstudio/cc138250.aspx

Pour télécharger les versions d’évaluations :

http://msdn2.microsoft.com/fr-fr/vstudio/cc505983.aspx

Les versions express de Visual studio 2008 sont disponibles ici :

http://msdn2.microsoft.com/fr-fr/express/aa975050.aspx

Quand la version que vous souhaitez avoir, est téléchargée double cliquer sur l’installeur. La suite
du tutoriel a été réalisée avec une version professionnelle de Visual Studio.

Une première fenêtre s’affiche :

Pour lancer l’installation de Visual Studio 2008 cliquez sur « Install Visual Studio 2008 ».

Laboratoire Microsoft| Installation 5 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Une nouvelle fenêtre apparait :

L’installeur charge les modules qui lui sont utiles.

Laboratoire Microsoft| Installation 6 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Sur cette fenêtre cliquez sur « next ».

Acceptez la licence puis cliquez sur « next ».

Laboratoire Microsoft| Installation 7 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Sur cet écran on a la possibilité de choisir le type d’installation. Default permet d’installer les
logiciels de base servant au bon fonctionnement de l’application. En mode full tous les composants
présents sur l’installeur seront installés.

La partie custom permet de choisir les modules à installer.

Nom de l’item Description


Language tools Installation de tous les langages de programmation, c#, VB, C++. Smart
device programmability permet de faire des applications embarquées.
Le Visual Studio Tools for Office permet de réaliser des applications pour
office.
Dotfuscator C’est un logiciel qui permet d’offusquer votre code pour une distribution.
Community Edition Cette version est la version gratuite de Dotfuscator.
Tools for Redistributing Outils permettant de réaliser vos fichiers de déploiements de vos
Applications applications (setup.exe, install.msi ….).
Unit Testing Tools Permet de réaliser des tests unitaires sur les projets et intègre des outils
dans l’interface de développement.
Microsoft SQL Server Moteur de base de données dans une version gratuite compatible avec
2005 Express Edition un Microsoft SQL Server 2005.
Crystal Reports Basic Permet de réaliser des rapports d’états avec Visual studio 2008. Ceci
for Visual Studio 2008 grâce à une interface graphique.

Une fois les parties qui vous intéresse sélectionnées, il ne reste plus qu’à cliquer sur « Install ».

Laboratoire Microsoft| Installation 8 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Visual commence l’installation des composants.

Laboratoire Microsoft| Installation 9 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Quand l’installation se termine cette fenêtre apparait et vous demande d’effectuer les mises à jour
sur le site de Microsoft s’il y en a de disponible. Maintenant que notre outil de développement est
installé nous allons pouvoir créer notre première solution.

Laboratoire Microsoft| Installation 10 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Installation de plugins

Visual Studio est un outil complet mais il peut être intéressant de rajouter certains plugins :

Permet de générer des commentaires sur votre code de façon intelligente :

http://www.roland-weigelt.de/ghostdoc/

Permet d’avoir une connexion SVN directement dans l’explorateur de Visual Studio :

http://ankhsvn.open.collab.net/servlets/ProjectProcess;jsessionid=C3412C719A46F5E27902AF98C
7EEDBB7?pageID=3794

Laboratoire Microsoft| Installation de plugins 11 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Création d’une solution

Dans Visual Studio nous avons la possibilité de créer plusieurs types de projets qui sont regroupés
sous une solution Visual Studio. Une solution Visual Studio peut être composée de plusieurs types de
projets composés eux même de différents langages.

Pour créer un nouveau projet, cliquez sur Project…

Laboratoire Microsoft| Création d’une solution 12 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

3
1
2

4
5
6
7

Présentation de l’interface :

Numéros Description
1 Permet de sélectionner le langage ainsi que le type de projet
2 Permet de sélectionner les bases de l’application
3 Sélection du Framework .Net
4 Nom du 1er projet
5 Localisation de la solution
6 Nom de la solution qui regroupera le projet ou les différents projets
7 Permet de créer automatiquement les répertoires de la solution si elle n’existe pas

De base Visual studio 2008 propose comme langage :

- Visual Basic .Net


- C#
- C++

Sous ces langages il y a plusieurs types de projets :

- Visual Basic .Net / C#


o Windows

Template Version du Description


framework
Windows Form Application 2.0 / 3.0/ 3.5 Crée un projet avec une interface Windows.
WPF Application 3.0 / 3.5 Crée un projet avec une interface WPF.
Console Application 2.0 / 3.0 / 3.5 Crée un projet s’exécutant dans une console
Windows Service 2.0 / 3.0 / 3.5 Crée un projet permettant de réaliser un service
Windows
Class Library 2.0 / 3.0 / 3.5 Permet de réaliser une dll qui pourra être inclus
Laboratoire Microsoft| Création d’une solution 13 / 28
Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

dans un autre projet.


Empty Project 2.0 / 3.0 /3.5 Crée un projet sans aucune configuration de base
Windows Forms Application 2.0 / 3.0 / 3.5 Crée un projet qui contiendra des « User
Library Control » qui pourront être inclus dans d’autres
projets.
WPF User Control Library 3.0 / 3.5 Crée un projet qui contiendra des « user
controls » qui pourront être inclus dans d’autres
projets.
WPF Browser Application 3.0 / 3.5 Crée un projet qui pourra être affiché dans un
navigateur web
WPF Custom Control 3.0 / 3.5 Crée un projet contenant des contrôles
Application personnalisés qui pourront être utilisé dans
d’autres projets.
o Web

Template Version du Description


Framework
ASP .NET Web Application 2.0 / 3.0/ 3.5 Crée un projet de site web avec une interface en
asp.net
ASP.NET Server Control 2.0 / 3.0 / 3.5 Crée un projet qui contiendra des « user
control » qui pourront être inclus dans d’autres
projets Web.
ASP .NET Web Service 2.0 / 3.0 / 3.5 Crée un projet de web service.
Application
WCF Service Application 3.0 / 3.5 Crée un projet de service WCF (Windows
Communication Foundation)
ASP .NET AJAX Server Control 3.5 Crée un projet contenant des contrôles AJAX qui
peuvent être inclus dans d’autres projets Web.
ASP .NET AJAX Server Control 3.5 Permet d’étendre les contrôleurs d’asp.net avec
Extender de l’AJAX.
o Smart Device

Template Version du Description


Framework
Smart Device Projet 2.0 / 3.0/ 3.5 Crée un projet pour une architecture embarquée
(Smartphone, Windows Mobile …)
o Database

Template Version du Description


Framework
SQL Server Project 2.0 / 3.0/ 3.5 Crée un projet pour réaliser des procédures
stockées, créer des tables …
o Reporting
Template Version du Description
Framework
Windows Form Application 2.0 / 3.0/ 3.5 Crée un projet avec une interface Windows.
Reports Application 2.0 / 3.0 / 3.5 Permet de faire une application cristal report
Crystal Reports Application 2.0 / 3.0 / 3.5 Permet de faire une application cristal report

Laboratoire Microsoft| Création d’une solution 14 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

o Test

Template Version du Description


Framework
Test Project 2.0 / 3.0/ 3.5 Crée un projet de tests unitaires permettant de
tester différent projets.
o WCF

Template Version du Description


Framework
WCF Service Library 3.0 / 3.5 Crée une dll contenant le projet WCF qui pourra
être intégrée dans d’autres projets.
Sequential Workflow Service 3.5 Crée un projet de workflow séquentiel exposant
Library des méthodes accessibles par WCF.
State Machine Workflow 3.5 Crée un projet de workflow sous forme de
Service Library machine d’états exposant des méthodes
accessibles par WCF.
Syndication Service Library 3.5 Crée un projet permettant de réaliser un projet
exposant par exemple un flux Rss, Atom ….
o Workflow

Template Version du Description


Framework
WCF Service Library 3.0 / 3.5 Crée une dll contenant le projet WCF qui pourra
être intégrée dans d’autres projets.
Sequential Workflow Service 3.5 Crée un projet de workflow séquentiel exposant
Library des méthodes accessibles par WCF.
State Machine Workflow 3.5 Crée un projet de workflow sous forme de
Service Library machine d’états exposant des méthodes
accessibles par WCF.
Syndication Service Library 3.5 Crée un projet permettant de réaliser un projet
exposant par exemple un flux Rss, Atom ….

- C++
o ATL

Template Version du Description


Framework
ATL Project 2.0 / 3.0 / 3.5 Crée un projet d’Active Template library.
o CLR

Template Version du Description


Framework
Class Library 3.0 / 3.5 Crée un projet sous forme de dll.
CLR Empty Project 3.5 Crée un projet vide.
Windows Form Control Library 3.5 Crée un projet de workflow sous forme de
machine d’états exposant des méthodes
accessibles par WCF.
CLR Console Application 3.5 Crée un projet.

Laboratoire Microsoft| Création d’une solution 15 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

o General

Template Version du Description


Framework
Custom Wizard 2.0 / 3.0 / 3.5 Crée un projet d’assistant personnalisé.
Makefile Project 2.0 / 3.0 / 3.5 Crée un projet de Makefile.
Empty Project 2.0 / 3.0 / 3.5 Crée un projet vide.
o MFC

Template Version du Description


Framework
MFC Active X Control 2.0 / 3.0 / 3.5 Crée un projet active X selon le modèle de classe
Microsoft.
MFC DLL 2.0 / 3.0 / 3.5 Crée un projet sous forme de DLL selon le
modèle de classe Microsoft.
MFC Application 2.0 / 3.0 / 3.5 Crée un projet application selon le modèle de
classe de Microsoft.
o Smart Device

Template Version du Description


Framework
ATL Smart Device project 2.0 / 3.0 / 3.5 Crée un projet pour une application embarquée
selon l’Active Template Library.
MFC Smart Device Application 2.0 / 3.0 / 3.5 Crée un projet pour une application embarquée
selon le modèle de classe Microsoft.
Win32 Smart Device Project 2.0 / 3.0 / 3.5 Crée un projet pour une application embarquée
selon le modèle Win32.
MFC Smart Device ActiveX 2.0 / 3.0 / 3.5 Crée un projet ActiveX pour une application
Control embarquée selon le modèle de classe de
Microsoft.
MFC Smart Device DLL 2.0 / 3.0 / 3.5 Crée un projet sous forme de DLL pour une
application embarquée.
o Test

Template Version du Description


Framework
Test Project 2.0 / 3.0 / 3.5 Crée un projet de test pour un projet C++.
o Win 32

Template Version du Description


Framework
Win32 Console Application 2.0 / 3.0 / 3.5 Crée un projet pour une application console
selon le modèle Win32.
Win32 Project 2.0 / 3.0 / 3.5 Crée un projet pour une application selon le
modèle Win32.

Laboratoire Microsoft| Création d’une solution 16 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

- Les autres types de projets


o Installation et déploiement d’application

Template Version du Description


Framework
Setup Project 2.0 / 3.0 / 3.5 Crée un projet d’installation pour application
Windows.
Merge Module project 2.0 / 3.0 / 3.5 Crée un projet pour fusionner des modules.
CAB Project 2.0 / 3.0 / 3.5 Crée un projet de déploiement CAB (pour
application embarquée).
Web Setup Project 2.0 / 3.0 / 3.5 Crée un projet de déploiement pour projet web
par exemple un site web.
Setup Wizard 2.0 / 3.0 / 3.5 Crée un projet d’installation avec un assistant.
Smart Device Cab Project 2.0 / 3.0 / 3.5 Crée un projet de déploiement pour application
embarquée (Smartphone, et les autres
applications basé sur Windows CE).
o Base de données

Template Version du Description


Framework
Database Project 2.0 / 3.0 / 3.5 Crée un projet de base de données.
o Extension de Visual Studio

Template Version du Description


Framework
Visual Studio Add-in 2.0 / 3.0 / 3.5 Crée un projet pour rajouter des fonctionnalités
à Visual Studio.
Shared Add-in 2.0 / 3.0 / 3.5 Crée un projet pour rajouter des fonctionnalités
à différent Visual Studio.
o Solution Visual Studio

Template Version du Description


Framework
Blank Solution 2.0 / 3.0 / 3.5 Crée une solution vide à laquelle il faudra ajouter
des projets.
- Projet de tests
o Tests documents

Template Version du Description


Framework
Test Project 2.0 / 3.0 / 3.5 Crée un projet de tests pour différent projet.

Cliquez sur OK.

Une solution se crée.

Laboratoire Microsoft| Création d’une solution 17 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

1 3
2

Numéros Description
1 Zone contenant les outils
2 Zone de développement ici la représentation de l’interface
3 Fenêtre de visualisation de la solution
4 Fenêtre de visualisation des propriétés de l’objet sélectionné
5 Onglet indiquant des informations lors de la compilation

Laboratoire Microsoft| Création d’une solution 18 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Compilation de votre premier projet

De base quand on crée un projet sur Visual Studio celui-ci est compilable du premier coup.

Pour compiler un projet :

- Menu build
o Build project permet de compiler uniquement le projet courant.
o Build Solution permet de compiler tous les projets de la solution.

Astuce
Pour compiler toute la solution vous pouvez utiliser le raccourcie clavier ctrl + shift + b

Si la compilation a réussi alors vous devriez voir le cadre suivant apparaitre près du numéro 5

Ce cadre renseigne sur le nombre de warnings et d’erreurs. Dans notre cas si tout c’est bien passé il
ne devrait pas avoir d’erreur.

Exemple d’erreur :

Allez dans la partie code de la form et retirez le point virgule de la ligne :

InitializeComponent();

Relancez la compilation, maintenant il devrait y avoir une erreur :

Numéros Description
1 Onglet permettant d’avoir des détails sur les erreurs et warnings

Laboratoire Microsoft| Compilation de votre premier projet 19 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

La fenêtre indique une erreur maintenant. Pour savoir où se situe l’erreur cliquez sur Error List.

Un nouvel onglet apparait :

7 8 9

1 2 3 4 5 6

Numéros Description
1 Numéro de l’erreur, du warning ou du message d’information
2 Description du problème
3 Fichier où se situe le problème
4 Ligne dans le fichier où se situe le problème
5 Colonne dans le fichier où se situe le problème
6 Nom du projet où se situe le problème
7 Permet d’afficher / cacher les erreurs
8 Permet d’afficher / cacher les warnings
9 Permet d’afficher / cacher les messages

Pour accéder directement aux erreurs dans le fichier faire un double clique sur la ligne
représentant l’erreur.

Visual Studio souligne l’erreur par une vaguelette rouge . Lorsque l’on laisse le pointeur de souris
sur la vaguelette Visual Studio affiche des informations sur l’erreur.

Laboratoire Microsoft| Compilation de votre premier projet 20 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Rajoutez le point virgule et recompilez, maintenant il n’y a plus d’erreur.

Nous allons maintenant créer un hello world afin de voir d’autre principe de fonctionnement de
Visual Studio comme le débogage.

Afficher la form1 du projet.

Astuce
Si vous êtes sur le fichier Form1.cs appuyez sur F7 et Visual passera automatiquement sur la partie graphique
du fichier.

Effectuez un double clique sur la form.

Visual repasse sur la partie code et à générer une méthode :

Cette méthode répond à l’événement chargement de la form, c’est l’un des premiers événements
déclenchés lorsqu’une fenêtre s’affiche à l’écran.

Placez vous juste au dessus de private et taper 3 « / ». Visual Studio reconnait la commande et
génère automatiquement les commentaires à la norme C#. Les commentaires sur une fonction sont
normalisés et permettent de générer de la documentation automatiquement sur votre code par la
suite.

Vous devriez avoir ceci maintenant :

Il vous reste plus qu’à compléter entre les balises les informations.

Laboratoire Microsoft| Compilation de votre premier projet 21 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Pour afficher un hello world dans une message box insérez le code suivant :

MessageBox.Show("hello world");

Maintenant vous avez ceci :

Lancez une compilation, si aucune erreur n’apparait vous allez pouvoir lancer l’application.

Pour cela appuyez sur la touche F5.

La touche F5 permet de lancer votre application en mode debug

Laboratoire Microsoft| Compilation de votre premier projet 22 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Utilisation du débuggeur

Remplacez à présent le code précédent par celui-ci :

Nous allons poser un break point pour pouvoir suspendre le programme et pouvoir visualiser les
valeurs des variables.

Pour pouvoir poser un break point il faut cliquer sur la partie grise, sur la ligne où on veut stopper
le programme. Pour notre exemple nous allons arrêter le programme sur la ligne :

int res = a + b;

une fois le breakpoint posé nous devons avoir cela :

Pour enlever le breakpoint, il suffit juste de recliquer sur le rond rouge.

Pour tester le breakpoint appuyez sur F5.

Un breakpoint actif est signalé par une fléche jaune.

Pour afficher une valeur d’une variable, il faut mettre le pointeur de la souris sur le nom de la
variable. Et une bulle d’aide s’affiche indiquant les informations.
En mode debug, deux nouvelles touches sont importantes :

Touches Description
F10 Permet de passer à la fonction suivante
F11 Permet de rentrer à l’intérieur de la fonction

Laboratoire Microsoft| Utilisation du débuggeur 23 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Pendant le debuggage du programme une fenêtre apparait en bas de l’éditeur avec toutes les
variables visibles par le debugger.

Il y a plusieurs modes possibles :

Nom Description
Autos Affichage automatique des variables du debugger
Locals Affichage des variables locales accessibles à l’endroit où se trouve le debugger
Watch1 Permet d’ajouter des variables à surveiller

Pour continuer l’execution il faut rappuyer sur F5. Le résultat est le suivant :

Les breakpoints ont leurs propres options, pour y accéder effectuez un clique droit sur un des
breakpoints le menu suivant apparait :

Noms Fonctionnalité
Delete Breakpoint Supprime le break point
Disable Breakpoint Désactive le break point il pourra être réactivé par la suite
Location … Permet de mettre un break point à une certaine position dans le fichier

Laboratoire Microsoft| Utilisation du débuggeur 24 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Condition … Permet de s’arrêter sur le break point avec une certaine condition. Pour
mettre une condition :
Rentrer dans l’espace « conditions » :
b == 2
Hit Count … Nombre de fois passé sur le break point, on peut effectuer une action si la
condition est réalisée
Filter … Permet d’activer le break point seulement pour un thread en particulier …
When Hit … Effectue une action particulière quand le debugger passe par le break point

Ajout de nouveaux composants à la form :

Passez sur la vue designer. Pour ajouter des composants à une form, il faut se servir du menu
toolbox. La toolbox contient tous les élèments que vous pouvez ajouter à votre fenêtre. Les élèments
s’ajoutent à celle-ci en glissant déposant un élèment du menu Toolbox directement sur la fenêtre.

Pour afficher la toolbox, cliquez sur l’onglet à gauche de l’éditeur. Si l’onglet n’est pas présent
faîtes :

Ctrl + alt + X

Le menu toolbox s’affiche :

Laboratoire Microsoft| Utilisation du débuggeur 25 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Insérez un button sur la form, pour cela sélectionnez le button et faire un glisser déposer sur la
fenêtre.

1 2

Pour afficher les propriétés d’un élément faire un simple clique gauche sur l’élément et cela met à
jour la fenêtre des propriétés.

Numéros Description
1 Bouton permettant d’afficher les propriétés
2 Bouton permettant d’afficher les événements liés au contrôle
Pour attacher un événement à un contrôle cliquer sur le bouton événement de la fenêtre
propriétés :

Laboratoire Microsoft| Utilisation du débuggeur 26 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Cherchez la case MouseClick et faite un double clique sur la case blanche 1 :

Cela va générer une méthode dans le code :

Inserez le code suivant :

int a = 1;
int b = 2;
int res = a + b;
MessageBox.Show(res.ToString());

Lancez le projet, puis cliquez sur le bouton :

La message box s’affichera

Laboratoire Microsoft| Utilisation du débuggeur 27 / 28


Laboratoire Microsoft - Lemettre Arnaud 21 avril 2008

Conclusion :

Dans ce tutoriel vous avez pu voir les bases de l’utilisation de visual studio. Cela vous permettra de
commencer à développer avec cet IDE. Il reste encore beaucoup de fonctionnalités qui n’ont pas été
abordées, elles feront l’objet de nouveaux articles.

Laboratoire Microsoft| Conclusion : 28 / 28