Différences

Ci-dessous, les différences entre deux révisions de la page.

--- bloc1:guideinstallvisualstudio [2021/09/28 22:38] – [Étape 4 : choix du type de projet] techer.charles_educ-valadon-limoges.fr
+++ bloc1:guideinstallvisualstudio [2023/10/08 21:54] (Version actuelle) – [Création d'un projet] techer.charles_educ-valadon-limoges.fr
@@ Ligne 1: / Ligne 1: @@
-====== Fiche savoirs technologiques : guide d'installation de Visual Studio 2019 Entreprise ======
+====== Fiche savoirs technologiques : guide d'installation de Visual Studio 2022 Entreprise ======
-===== Téléchargement de Visual Studio 2019 Entreprise =====
+===== Téléchargement de Visual Studio 2022 Entreprise =====
   * accédez au portal Azure et authentifiez-vous avec votre compte du lycée ;
   * Recherchez le service **Education** puis **Logiciels** ;
-  * Recherchez le logiciel **Visual Studio Entreprise 2019** ;
+  * Recherchez le logiciel **Visual Studio Entreprise 2022** ;
   * Cliquez sur **Afficher la clé** et notez la clé (vous en aurez besoin pour enregistrer le produit) ;
   * Cliquez sur **Télécharger**.
@@ Ligne 11: / Ligne 11: @@
 {{ :bloc1:visualstudio_01.png |}}
-===== Installation de Visual Studio 2019 Entreprise =====
+===== Installation de Visual Studio 2022 Entreprise =====
   * Double cliquez sur le fichier téléchargé pour lancer l'installation ;
   * Dans la première fenêtre, sélectionnez juste **Développement .NET Desktop** ;
@@ Ligne 22: / Ligne 22: @@
 ===== Création d'un projet =====
-  * Lancez Visual Studio 2019 Entreprise et suivez la démarche ci-dessous.
+  * Lancez Visual Studio 2022 Entreprise et suivez la démarche ci-dessous.
 ==== Étape 1 : écran de bienvenue ====
 Lorsque la première fenêtre de bienvenue apparait **ne vous connectez** pas pour l'instant et cliquez directement sur **Me proposer ultérieurement**.
@@ Ligne 75: / Ligne 75: @@
 La fenêtre contient :
   ** une zone principale contenant le code du fichier **Program.cs** ;
-— une zone à droite "Explorateur de solutions" contenant la liste des fichiers de la solution (on peut voir le fichier Program.cs) ;
+  *une zone à droite **Explorateur de solutions** contenant la liste des fichiers de la solution (on peut voir le fichier Program.cs) ;
-— une zone à droite en bas "Propriétés" qui contiendra les propriétés des objets sélectionnés (pour le moment, on ne s'en occupera pas) ;
+  * une zone à droite en bas **Propriétés** qui contiendra les propriétés des objets sélectionnés (pour le moment, on ne s'en occupera pas) ;
-— en haut, les menus et icônes de raccourcis qui seront présentés au fur et à mesure des besoins.
+  * en haut, les menus et icônes de raccourcis qui seront présentés au fur et à mesure des besoins.
 Les différentes zones peuvent être déplacées, ouvertes, fermées, adaptées en taille.
-Notion de bloc de code
+=== Notion de bloc de code ===
 Une partie du code a déjà été automatiquement générée. Les différents éléments d'un projet seront expliqués en temps utile, mais pour le moment, sachez juste qu'un programme se découpe en blocs, repérables par un entête de bloc et des accolades (ouvrantes et fermantes) pour déterminer le contenu du bloc.
-Notion d'indentation
-Chaque bloc peut contenir d'autres blocs : dans ce cas, vous pouvez remarquer des décalages vers la droite. Cela permet de mieux repérer qui contient quoi. En programmation, ces décalages s'appellent aussi des "indentations". Normalement l'IDE les gère automatiquement, mais il faudra cependant surveiller qu'elles sont toujours correctes. L'ordinateur ne fait pas attention aux indentations quand il exécute un programme (sauf pour certains langages comme le Python), mais il est important de les respecter car sinon un programme devient vite illisible pour un programmeur.
+=== Notion d'indentation ===
-Où écrire votre code
+Chaque bloc peut contenir d'autres blocs : dans ce cas, vous pouvez remarquer des décalages vers la droite. Cela permet de mieux repérer qui contient quoi.
-À partir du code généré, le code que vous allez ajouter doit être écrit dans les accolades du bloc "static void Main(string[] args)".
-Contenu de la fenêtre
+En programmation, ces décalages s'appellent aussi des **indentations**. Normalement l'IDE les gère automatiquement, mais il faudra cependant surveiller qu'elles sont toujours correctes.
-La fenêtre contient :
-— une zone principale contenant le code du fichier Program.cs ;
+L'ordinateur ne fait pas attention aux indentations quand il exécute un programme (sauf pour certains langages comme Python), mais il est important de les respecter car sinon un programme devient vite illisible pour un programmeur.
-— une zone à droite "Explorateur de solutions" contenant la liste des fichiers de la solution (on peut voir le fichier Program.cs) ;
+=== Où écrire votre code ===
-— une zone à droite en bas "Propriétés" qui contiendra les propriétés des objets sélectionnés (pour le moment, on ne s'en occupera pas) ;
+À partir du code généré, le code que vous allez ajouter doit être écrit dans les accolades du bloc **static void Main(string[] args)**.
-— en haut, les menus et icônes de raccourcis qui seront présentés au fur et à mesure des besoins.
-Les différentes zones peuvent être déplacées, ouvertes, fermées, adaptées en taille.
+{{ :bloc1:visualstudio_09.png |}}
-Notion de bloc de code
-Une partie du code a déjà été automatiquement générée. Les différents éléments d'un projet seront expliqués en temps utile, mais pour le moment, sachez juste qu'un programme se découpe en blocs, repérables par un entête de bloc et des accolades (ouvrantes et fermantes) pour déterminer le contenu du bloc.
+==== Enregistrement du produit ====
-Notion d'indentation
-Chaque bloc peut contenir d'autres blocs : dans ce cas, vous pouvez remarquer des décalages vers la droite. Cela permet de mieux repérer qui contient quoi. En programmation, ces décalages s'appellent aussi des "indentations". Normalement l'IDE les gère automatiquement, mais il faudra cependant surveiller qu'elles sont toujours correctes. L'ordinateur ne fait pas attention aux indentations quand il exécute un programme (sauf pour certains langages comme le Python), mais il est important de les respecter car sinon un programme devient vite illisible pour un programmeur.
+Avant de poursuivre, il est conseillé d'enregistrer la clé de Visual Studio :
-Où écrire votre code
+  * Allez dans le menu **Aide > Inscrire Visual Studio** ;
-À partir du code généré, le code que vous allez ajouter doit être écrit dans les accolades du bloc "static void Main(string[] args)".
+  * Cliquez sur **Déverrouiller avec une clé de produit (Product Key)**,
-Contenu de la fenêtre
+  *  vous allez obtenir la petite fenêtre du milieu.
-La fenêtre contient :
+  * Copiez la clé que vous avez précédemment récupérer sur Azure, au moment du téléchargement puis cliquez sur **Appliquer** ;
-— une zone principale contenant le code du fichier Program.cs ;
+  * Normalement, vous allez obtenir la fenêtre du bas, avec le message **Licence : Clé de produit appliquée** ;
-— une zone à droite "Explorateur de solutions" contenant la liste des fichiers de la solution (on peut voir le fichier Program.cs) ;
+  * Cliquer sur **Fermer**.
-— une zone à droite en bas "Propriétés" qui contiendra les propriétés des objets sélectionnés (pour le moment, on ne s'en occupera pas) ;
+{{ :bloc1:visualstudio_10.png |}}
-— en haut, les menus et icônes de raccourcis qui seront présentés au fur et à mesure des besoins.
-Les différentes zones peuvent être déplacées, ouvertes, fermées, adaptées en taille.
+==== Premier test ====
-Notion de bloc de code
-Une partie du code a déjà été automatiquement générée. Les différents éléments d'un projet seront expliqués en temps utile, mais pour le moment, sachez juste qu'un programme se découpe en blocs, repérables par un entête de bloc et des accolades (ouvrantes et fermantes) pour déterminer le contenu du bloc.
+=== Indentation ===
-Notion d'indentation
+  * Placez le curseur à droite de l'accolade ouvrante sous **static void Main(string[] args)** et validez.
-Chaque bloc peut contenir d'autres blocs : dans ce cas, vous pouvez remarquer des décalages vers la droite. Cela permet de mieux repérer qui contient quoi. En programmation, ces décalages s'appellent aussi des "indentations". Normalement l'IDE les gère automatiquement, mais il faudra cependant surveiller qu'elles sont toujours correctes. L'ordinateur ne fait pas attention aux indentations quand il exécute un programme (sauf pour certains langages comme le Python), mais il est important de les respecter car sinon un programme devient vite illisible pour un programmeur.
-Où écrire votre code
+Normalement une ligne a été insérée et le curseur s'est automatiquement décalé vers la droite pour respecter l'indentation (on est à l'intérieur d'un bloc).
-À partir du code généré, le code que vous allez ajouter doit être écrit dans les accolades du bloc "static void Main(string[] args)".
+=== Autocomplétion ===
+  * Écrivez le code montré dans la capture ci-contre.
+<WRAP center round info >
+Remarquez qu'en tapant le code, l'éditeur propose au fur et à mesure différentes possibilités pour vous aider lors de la frappe : c'est **l'autocomplétion**.
+</WRAP>
+{{ :bloc1:visualstudio_11.png |}}
+=== Sensibilité à la casse ===
+C# est sensible à la casse : il fait la distinction entre minuscule et majuscule. Exemple : **Console** est différent de **console**.
+=== Explication du code ===
+Console.WriteLine(...) permet de demander un affichage.
+Console.ReadLine() permet d'attendre une saisie au clavier (ici, c'est juste pour éviter que la fenêtre de commande se ferme juste après l'affichage).
+Le **;** en fin de ligne marque la fin d'une instruction. Chaque bloc est en effet composé d'autres blocs et/ou d'instructions.
+=== Sauvegarde ===
+Pensez à régulièrement enregistrer votre travail : menu **Fichier > Enregistrer (Program.cs, ou enregistrer tout)** ou plus rapidement en utilisant le raccourci clavier **CTRL + S**.
+=== Exécution ===
+  * Exécutez le programme en cliquant sur la flèche verte suivie du mot **Démarrer**.
+Une fenêtre de commande doit s'ouvrir avec **premier test** affiché. Appuyez sur n'importe quelle touche, la fenêtre va se fermer.
+{{ :bloc1:visualstudio_12.png |}}
+==== Erreur de compilation ====
+Visual Studio est capable de repérer des erreurs faites lors de la saisie du code, lorsque celui-ci ne respecte pas la syntaxe du langage.
+=== Avertissement dans le code ===
+Imaginons que vous ayez fait une erreur, en oubliant le point-virgule de la fin de la seconde ligne (enlevez-le). Vous remarquez qu'un petit soulignement rouge en forme de vague est apparu à l'endroit de l'erreur.
+=== Avertissement dans la liste des erreurs ===
+De même, dans la fenêtre du bas, le message d'erreur apparait **; attendu**, en précisant le nom du fichier et du projet.
+Si vous double-cliquez sur cette ligne d'erreur, le curseur se place automatiquement sur la ligne de code concernée.
+=== Avertissement lors de l'exécution ===
+Sans corriger l'erreur, enregistrez et lancez l'exécution. Vous allez obtenir la fenêtre d'information comme ci-contre, vous avertissant de la présence d'erreurs.
+Vous pouvez soit exécuter la version précédente qui n'avait pas d'erreur (avec **oui**) soit refuser d'exécuter (avec **non**).
+Il faut toujours choisir **Non** afin de corriger les erreurs avant de tester à nouveau. Remettez le point-virgule manquant, enregistrez et faites un nouveau test. Normalement tout doit fonctionner.
+{{ :bloc1:visualstudio_13.png |}}