This shows you the differences between two versions of the page.
sde2:laboratoare:00_microbit_fr [2021/03/02 22:23] alexandra.state2607 [Branch-uri în Visual Studio Code] |
sde2:laboratoare:00_microbit_fr [2021/03/04 22:13] (current) alexandra.state2607 [Exercices] |
||
---|---|---|---|
Line 4: | Line 4: | ||
* L'utilisation du Git et du GitHub | * L'utilisation du Git et du GitHub | ||
* L'utilisation Git-ului par Visual Studio Code | * L'utilisation Git-ului par Visual Studio Code | ||
+ | |||
+ | ===== Documentation supplémentaire ===== | ||
+ | * [[http://rogerdudler.github.io/git-guide/|Git en bref]] | ||
+ | * [[http://ndpsoftware.com/git-cheatsheet.html|Git cheatsheet detaliat]] | ||
+ | * [[http://git.github.io/git-reference/|Git reference]] | ||
+ | * [[http://www-cs-students.stanford.edu/~blynn/gitmagic/index.html|Stanford, Git Magic]] | ||
+ | | ||
Line 33: | Line 40: | ||
Il est obligatoire, pendant le semestre, d'utiliser votre vrai nom, de mettre une photo avec vous sur votre compte GitHub et rejoindre l'organisation UPB-FILS-SdE2. Ainsi, vous ne serez pas identifié pour recevoir des notes pour les devoirs. | Il est obligatoire, pendant le semestre, d'utiliser votre vrai nom, de mettre une photo avec vous sur votre compte GitHub et rejoindre l'organisation UPB-FILS-SdE2. Ainsi, vous ne serez pas identifié pour recevoir des notes pour les devoirs. | ||
</note> | </note> | ||
+ | |||
+ | ===== Installer Git Bash et l'intégrer dans Visual Studio Code ===== | ||
+ | |||
+ | La première étape consiste à installer [[https://git-scm.com/downloads|Git]]. Ensuite, ouvrez Visual Studio Code. Dans la barre supérieure, vous voyez ** Terminal **, cliquez pour ouvrir un nouveau terminal. | ||
+ | |||
+ | Suivez les images ci-dessous pour ouvrir un terminal Git Bash: | ||
+ | |||
+ | {{ :sde2:laboratoare:terminal_before_git.png?400 |}} | ||
+ | |||
+ | Choisir **Git Bash**! | ||
+ | |||
+ | {{ :sde2:laboratoare:slect_gitbash.png?400 |}} | ||
+ | |||
+ | {{ :sde2:laboratoare:terminal_gitbash.png?400 |}} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
===== Réglages de base pour Git ===== | ===== Réglages de base pour Git ===== | ||
- | Si vous utilisez Windows, vous devez installer [[https://git-scm.com/download/win|GitBash]] ou Windows Subsystem for Linux. | ||
La première étape pour utiliser Git est de configurer votre nom et votre adresse e-mail avec les commandes suivantes: | La première étape pour utiliser Git est de configurer votre nom et votre adresse e-mail avec les commandes suivantes: | ||
Line 106: | Line 134: | ||
===== La structure générale du Git ===== | ===== La structure générale du Git ===== | ||
- | {{ :sde2:laboratoare:schema_git_ro.png?500 |}} | + | {{ :sde2:laboratoare:schema_git_fr.png?500 |}} |
__Working area__ est le repository dans lequel vous travaillez, il contient de nombreux fichiers, bien que tous ne puissent pas faire partie du projet final. | __Working area__ est le repository dans lequel vous travaillez, il contient de nombreux fichiers, bien que tous ne puissent pas faire partie du projet final. | ||
Line 267: | Line 295: | ||
{{ :sde2:laboratoare:link_repo.png?450 |}} | {{ :sde2:laboratoare:link_repo.png?450 |}} | ||
- | Créez un répertoire avec le même nom que le repository et ouvrez-le in Visual Studio Code. Ensuite, nous utiliserons le terminal de Visual Studio Code, si vous avez des difficultés à l'utiliser, accédez le [[https://stackoverflow.com/questions/42606837/how-do-i-use-bash-on-windows-from-the-visual-studio-code-integrated-terminal|lien]]. | + | Créez un folder avec le nom //SdE2-TP1-vsc// et ouvrez-le in Visual Studio Code. Ensuite, nous utiliserons le terminal de Visual Studio Code, si vous avez des difficultés à l'utiliser, accédez le [[https://stackoverflow.com/questions/42606837/how-do-i-use-bash-on-windows-from-the-visual-studio-code-integrated-terminal|lien]]. |
Tappez la commande: | Tappez la commande: | ||
Line 274: | Line 302: | ||
git clone https://github.com/{username}/SdE2-TP1.git | git clone https://github.com/{username}/SdE2-TP1.git | ||
</code> | </code> | ||
+ | |||
+ | |||
+ | __Si c'est la première fois que vous l'utilisez Git en Visual Studio Code__ immédiatement après cette commande, vous devez suivre les étapes ci-dessous: | ||
+ | |||
+ | Cliquer sur "Sign in with your browser": | ||
+ | |||
+ | {{ :sde2:laboratoare:github_signin.png?300 |}} | ||
+ | |||
+ | Dans le navigateur, cliquez sur //Authorize GitCredentialManager//, et ensuite vous pouvez revenir à VSCode. | ||
Nous modifierons le contenu des deux fichiers puis nous avons les mettre sur GitHub. | Nous modifierons le contenu des deux fichiers puis nous avons les mettre sur GitHub. | ||
Line 498: | Line 535: | ||
Dans cette sous-section, nous reprendrons les étapes présentées dans les sous-sections précédentes. Nous continuerons à travailler sur les brnches. Nous ajouterons une nouvelle ligne au fichier .gitignore, créerons un commit avec cette modification et intégrerons les modifications de la branche secondaire dans la branche master via l'opération merge. | Dans cette sous-section, nous reprendrons les étapes présentées dans les sous-sections précédentes. Nous continuerons à travailler sur les brnches. Nous ajouterons une nouvelle ligne au fichier .gitignore, créerons un commit avec cette modification et intégrerons les modifications de la branche secondaire dans la branche master via l'opération merge. | ||
+ | |||
+ | <note important> | ||
+ | Dans ** VSCode **, nous pouvons voir la ** branche que nous sommes ** dans la barre inférieure, sur le côté gauche où se trouve l'icône de contrôle de source. | ||
+ | |||
+ | Une nouvelle branche est créée en cliquant sur le nom de la branche actuelle, puis VSCode nous donne la possibilité d'en créer une nouvelle, il ne reste plus qu'à entrer le nom. | ||
+ | </note> | ||
+ | |||
+ | Nous créons une branche appelée update-gitiginore et VSCode nous y déplace automatiquement. Nous pouvons utiliser le terminal et la commande ** git checkout ** pour passer d'une branche à une autre ou cliquer sur le nom de la branche et sélectionner la nouvelle. | ||
+ | |||
+ | {{ :sde2:laboratoare:add_branch_vsc.png?400 |}} | ||
+ | |||
+ | Nous sommes sur la branche update-gitignore et ajoutons la ligne: __build / __ au fichier .gitignore. Ensuite, nous faisons commit comme on a fait dans la section précédente [[https://ocw.cs.pub.ro/courses/sde2/laboratoare/00_microbit_ro?&#utilizare_git-ului_in_visual_studio_code|Commit in VSCode]]. Pour voir les changements sur la nouvelle branche, il est obligatoire de faire ** push **. | ||
+ | |||
+ | On revient à la branche master en cliquant simplement sur le nom de la branche courante, puis en cliquant sur "master". Ensuite, nous effectuons l'opération entre la branche update-gitignore et le master. | ||
+ | |||
+ | Assurez-vous de passer à la branche ** master **, puis vous devez faire // merge //, comme dans l'image ci-dessous. | ||
+ | |||
+ | {{ :sde2:laboratoare:merge_branch_vsc.png?300 |}} | ||
+ | {{ :sde2:laboratoare:choose_branch_vsc.png?300 |}} | ||
+ | |||
+ | La dernière étape pour apporter des modifications au repository est de faire ** push **. | ||
+ | |||
+ | ===== Exercices ===== | ||
+ | |||
+ | - Créez un compte GitHub. | ||
+ | - Rejoignez l'organisation UPB-FILS-SdE2. | ||
+ | - Créez le repository Sde2-TP1 et suivez les étapes présentées dans le TP pour le modifier. | ||
+ | |||
+ | <note warning> | ||
+ | À la fin du TP vous devez charger sur Moodle une fichier avec: | ||
+ | - Une photo avec votre profil sur GitHub(nom + photo). | ||
+ | - Une photo avec l'accès du repository pour le Devoir0. | ||
+ | - Un fichier texte, qui contient le lien vers le vôtre repository SdE2-TP1. | ||
+ | </note> | ||
+ | |||
+ |