Outils pour utilisateurs

Outils du site


bloc1:githubvisualstudio

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
bloc1:githubvisualstudio [2021/10/13 13:33]
techer.charles_educ-valadon-limoges.fr [Récupérer un projet pour la revue de code]
bloc1:githubvisualstudio [2022/11/07 22:54] (Version actuelle)
techer.charles_educ-valadon-limoges.fr [Teams explorer]
Ligne 15: Ligne 15:
 </WRAP> </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 projetPour 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'installerPour 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) :   * 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é.     * 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. 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 |}} {{ :bloc1:github_10.png |}}
  
Ligne 87: Ligne 52:
 </WRAP> </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.  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)**.   * 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 : 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> </WRAP>
 {{ :bloc1:github_13.png |}} {{ :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.   * Revenez à l'onglet **Team Explorer** et cliquez sur la maison pour aller à l'accueil.
Ligne 124: Ligne 96:
   * Sélectionnez **Cloner un dépôt**.   * 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.   * 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**.   * Ensuite, cliquez sur **Cloner**.
   * Si vous n'êtes pas dans l'onglet "Explorateur de solutions", cliquez dessus.    * 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**.   * 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é.   * Vous retrouvez le projet qui a été cloné.
   * Double cliquez sur **Calculs.sln** pour ouvrir la solution.   * Double cliquez sur **Calculs.sln** pour ouvrir la solution.
bloc1/githubvisualstudio.1634124804.txt.gz · Dernière modification: 2021/10/13 13:33 de techer.charles_educ-valadon-limoges.fr