Différences

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

--- bloc1:githubvisualstudio [2021/10/13 13:19]
techer.charles_educ-valadon-limoges.fr [Configurer GitHub pour un projet]
+++ bloc1:githubvisualstudio [2022/11/07 22:54] (Version actuelle)
techer.charles_educ-valadon-limoges.fr [Teams explorer]
@@ Ligne 15: / Ligne 15: @@
 </WRAP>
-===== Installer l'extension GitHub pour Visual Studio =====
+===== Configurer GitHub pour un projet =====
-La première étape consiste à installer l'extension de GitHub sous Visual Studio.
+Vous allez tester l'extension Github avec un de vos projet. Pour la suite de ce document, c'est le projet Calculs  corrigé de l'activité 1 qui est utilisé.
-==== Téléchargement de l'extension GitHub directement dans Visual Studio ====
+  * Depuis le menu Git de Visual Studio 2022, sélectionnez **Créer un dépôt Git ...** :
-Normalement l'extension est déjà proposée dans Visual Studio et il suffit de l'installer. Pour cela :
+{{ :bloc1:github_20.png |}}
-  * ouvrez Visual Studio ;
-  * allez dans le menu **Extensions > Gérer les extensions**.
-  * Dans la fenêtre qui s'ouvre, partie gauche, sélectionnez **En ligne** (normalement sélectionné par défaut).
-  *  Au centre, vous devriez voir (à priori en premier), **GitHub Extension for Visual Studio** (dans le cas où elle n'apparaît pas, utilisez la méthode suivante depuis le site ).
-{{ :bloc1:github_01.png |}}
+<WRAP center round info>
-  * Cliquez sur **Télécharger**.
+Si vous n'avez pas encore configuré Visual Studio 2022 avec **votre compte Github**, le lien **Se connecter ...** est affiché dans la zone **Créer un dépôt GitHub**.
-En bas de la fenêtre, vous allez obtenir le message **Vos changements vont être planifiés. Les modifications commenceront quand toutes les fenêtres Microsoft Visual Studio seront fermées.**.
+</WRAP>
+    *  cliquez sur le lien **Se connecter ...** pour ajouter votre compte GitHub.
+{{ :bloc1:github_21.png |}}
+  * Dans le navigateur, vous êtes redirigé vers le **site GitHub**.
+  * **connectez-vous** à votre compte GitHub ou cliquez sur le lien **Create an account** pour créer votre compte GitHub :
+{{ :bloc1:github_22.png |}}
-  * Cliquez sur **Fermer** puis fermez Visual Studio.
-Le programme **VSIX Installer** va se lancer pour installer l'extension.
-    * Cliquez sur **Modify** pour accepter les termes de la linec et instaler l'extension Github.
-{{ :bloc1:github_02.png |}}
-==== Téléchargement à partir du site de GitHub (en cas de problème uniquement avec la méthode précédente) ====
-Uniquement dans le cas où vous n'avez pas trouvé GitHub dans Visual Studio, voici une autre procédure pour récupérer l'extension.
-  * Si Visual Studio est ouvert, fermez-le, puis allez sur ce lien :
-https://visualstudio.microsoft.com/fr/subscriptions/visual-studio-github/
-  * Dans la partie **Démarrez plus rapidement et plus aisément avec Git**, cliquez sur **télécharger l'extension GitHub pour Visual Studio**.
-  * Dans la fenêtre "The easiest way to connect to your GitHub repositories in Visual Studio", cliquez sur le lien "Download GitHub Extension for Visual Studio".
-  * Dans la fenêtre **GitHub Extension for Visual Studio**, cliquez sur **Download**.
-Une fois le fichier téléchargé, lancez-le.
-{{ :bloc1:github_03.png |}}
-==== Installation de l'extension GitHub ====
-Si au lancement de Visual Studio, une fenêtre s'ouvre, proposant la ou les versions Visual Studio installées, laissez tout coché et cliquez sur Install.
-===== Configurer GitHub pour un projet =====
-Vous allez tester l'extension Github avec le projet Calculs que vous avez corrigé dans l'activité 1.
-  * Affichez l'onglet qui permet de gérer le travail en équipe avec le menu **Affichage > Team Explorer**.
-L'onglet apparaît à droite.
-Deux options sont proposées :  Azure DevOPs et GitHub.
-{{ :bloc1:github_04.png |}}
-  * sélectionnez la 2ème option **GitHub** ;
-  * Cliquez sur **Connecter**.
-Dans la fenêtre qui s'ouvre, vous allez créer votre compet Github (à moins que vous n'en avoir déjà un compte Github) :
-  * cliquez sur **s'inscrire**, tout en bas de la fenêtre.
-{{ :bloc1:github_05.png |}}
-  * Dans le navigateur, vous êtes redirigé vers le site GitHub avec en haut, le menu suivant :
-{{ :bloc1:github_06.png |}}
-  * Cliquez sur **Team** puis, dans la nouvelle page, cliquez sur **Sign up for free**.
   * Sur la page d'inscription, entrez vos informations (en les notant pour ne pas les oublier) :
     * le **Username** est libre mais ne doit pas déjà être pris (un message vous signale si le username est accepté.
@@ Ligne 76: / Ligne 45: @@
 Vous avez reçu un mail dans lequel vous devez cliquer sur **Verify email adress** qui va rediriger vers GitHub. Vous pouvez cliquer sur l'icône de GitHub, en haut à gauche, pour arriver à votre page d'accueil du compte.
-De retour dans Visual Studio, allez cette fois dans l'onglet **Modification Git** (s'il n'est pas présent, affichez le avec le menu **Affichage > Modification Git**).
+  * De retour dans Visual Studio, vous obtenez la fenêtre suivante :
-{{ :bloc1:github_09.png |}}
-  * Cliquez sur **Créer un dépôt Git**.
-  * Vous obtenez la fenêtre suivante :
 {{ :bloc1:github_10.png |}}
@@ Ligne 87: / Ligne 52: @@
 </WRAP>
-Il y a aussi la partie **Créer un dépôt GitHub** qui contient déjà le nom de votre compte ainsi que le nom du propriétaire (à priori le même).
+La partie **Créer un dépôt GitHub** contient maintenant votre nom de votre compte ainsi que le nom du propriétaire (à priori le même).
 Le nom du dépôt est prérempli avec le nom du projet : laissez ce nom. Vous pouvez si vous voulez ajouter une description.
   * Décochez la case **Dépôt privé** et cliquez sur **Créer et envoyer (push)**.
+===== Teams explorer =====
+  * Depuis le **menu Affichage**, sélectionnez **Teams Explorer**
+  * Cliquez sur la maison pour aller à l'accueil.
 Si vous avez le message vous demandant de configurer votre compte, cliquez sur le lien pour renseigner votre nom et adresse de courriel :
@@ Ligne 104: / Ligne 73: @@
 </WRAP>
 {{ :bloc1:github_13.png |}}
+  * Depuis le menu **Opérations supplémentaires** cliquez sur l'option **Ouvrir dans le navigateur** :
+  * Vous accédez maintenant au site [[https://github.com|Github]] et vous voyez dépôt créé :
+{{ :bloc1:github_17.png |}}
+  * Revenez à l'onglet **Team Explorer** et cliquez sur la maison pour aller à l'accueil.
+  * Remarquez en bas de l'onglet, différentes commandes (dont **Requêtes de tirage** qui sera utilisé plus tard) et en milieu d'onglet, le lien pour aller sur le dépôt (repository) sur GitHub. Cliquez sur le lien.
+{{ :bloc1:github_16.png |}}
+  * Vous accédez maintenant au site [[https://github.com|Github]] et vous voyez dépôt créé :
+{{ :bloc1:github_17.png |}}
+Le projet a bien été transféré. Remarquez les informations mentionnées dans la barre au-dessus des fichiers :
+  * 2 commits : 2 transferts ont été réalisés (si vous cliquez dessus, vous verrez qu'en fait, cela concerne le projet et les fichiers spécifiques à git).
+  * 1 branch : pour le moment il n'y a que la branche "master" qui est la branche principale. Vous verrez que pour proposer des correctifs, on travaillera sur une autre branche dans laquelle le projet sera copié, et ce n'est que si les correctifs conviennent, qu'ils seront intégrés (merge) à la branche "master".
-  * Accédez maintenant au site [[https://github.com|Github]] et après authentification, vous verrez votre dépôt créé :
-{{ :bloc1:github_14.png |}}
-  * Sélectionnez  votre projet,
   * Prenez connaissance de l'URL de votre projet que vous pouvez communiquer à un autre développeur afin que celui-ci puisse télécharger le code de votre projet :
 {{ :bloc1:github_15.png |}}
+====== Récupérer un projet pour la revue de code ======
+  * Pour récupérer le projet d'un autre développeur déposé sur GitHub, il faut récupérer l'adresse du dépôt en ligne.
+  * Dans Visual Studio, fermez le projet en cours, avec le menu **Fichier > Fermer la solution**.
+  * Vous retrouvez la fenêtre qui permet d'ouvrir un projet ou d'en créer un.
+  * Sélectionnez **Cloner un dépôt**.
+  * Dans la zone de l'emplacement du dépôt, collez l'adresse que vous avez récupérée. Elle doit forcément se terminer par **.git**. La zone du chemin local se remplit automatiquement mais attention, l'idée est d'enregistrer le clone dans un autre dossier que le projet d'origine. Donc pensez à changer le chemin.
+{{ :bloc1:github_18.png |}}
+  * Ensuite, cliquez sur **Cloner**.
+  * Si vous n'êtes pas dans l'onglet "Explorateur de solutions", cliquez dessus.
+  * Cliquez sur le bouton (encadré en rouge) **Passer entre les solutions et les vues disponibles**.
+{{ :bloc1:github_19.png |}}
+  * Vous retrouvez le projet qui a été cloné.
+  * Double cliquez sur **Calculs.sln** pour ouvrir la solution.
+  * Vous retrouvez l'arborescence classique d'un projet.
+  * Ouvrez **Program.cs** en double cliquant dessus.
+  * Le code apparait dans la fenêtre principale.

Les cours du BTS SIO

Outils pour utilisateurs

Outils du site

Différences

Outils de la page