phundrak/tutoriel-git
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Changed source link to github repo

Browse Source
This commit is contained in:
Phuntsok Drak-pa 2018-10-05 14:10:13 +02:00
parent 53910978a9
commit f7668cf1af
2 changed files with 54 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
tutoriel-git.html
View File

@ -3,7 +3,7 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<!-- 2018-10-05 ven. 13:59 -->
<!-- 2018-10-05 ven. 14:08 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Tutoriel Git et GitHub</title>
@ -243,29 +243,29 @@ for the JavaScript code in this tag.
<h2>Table des matières</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#org424efeb">1. Git ? Qu’est-ce donc ?</a></li>
<li><a href="#org04d5b23">2. Ça a l’air cool, comment ça s’utilise ?</a>
<li><a href="#orgd20e076">1. Git ? Qu’est-ce donc ?</a></li>
<li><a href="#org50cdb25">2. Ça a l’air cool, comment ça s’utilise ?</a>
<ul>
<li><a href="#org46a0365">2.1. Et surtout, comment ça s’installe ?</a></li>
<li><a href="#orgd3f885f">2.2. Ok c’est bon, et il y a une configuration à faire ?</a></li>
<li><a href="#orgfd576ff">2.1. Et surtout, comment ça s’installe ?</a></li>
<li><a href="#orgf79c71e">2.2. Ok c’est bon, et il y a une configuration à faire ?</a></li>
</ul>
</li>
<li><a href="#org3b01d46">3. Ok très bien, mais je veux utiliser git moi !</a>
<li><a href="#org7a6ff6c">3. Ok très bien, mais je veux utiliser git moi !</a>
<ul>
<li><a href="#orga446891">3.1. Je commmence comment ?</a></li>
<li><a href="#orgaf9966d">3.2. Et pour ajouter des fichiers ?</a></li>
<li><a href="#org4d067d2">3.3. Cool, mais j’ai accidentellement mis un fichier en staging</a></li>
<li><a href="#orga03d27e">3.4. En fait, j’ai juste oublié un truc dans mon commit précédent</a></li>
<li><a href="#orgae9ad7f">3.1. Je commmence comment ?</a></li>
<li><a href="#org4a5e57e">3.2. Et pour ajouter des fichiers ?</a></li>
<li><a href="#org34bef9e">3.3. Cool, mais j’ai accidentellement mis un fichier en staging</a></li>
<li><a href="#orgfc020de">3.4. En fait, j’ai juste oublié un truc dans mon commit précédent</a></li>
</ul>
</li>
<li><a href="#org5c917f7">4. Euh, j’ai oublié ce que j’ai changé lors du dernier commit</a></li>
<li><a href="#org35ba9ee">5. Il y a des fichiers dont je me fiche dans mon dépot</a></li>
<li><a href="#orgccda07e">6. J’ai entendu parler de GitHub…</a>
<li><a href="#orgfb68abb">4. Euh, j’ai oublié ce que j’ai changé lors du dernier commit</a></li>
<li><a href="#orga2a3077">5. Il y a des fichiers dont je me fiche dans mon dépot</a></li>
<li><a href="#orgd9de679">6. J’ai entendu parler de GitHub…</a>
<ul>
<li><a href="#orgde64bff">6.1. J’ai téléchargé un projet en zip</a></li>
<li><a href="#org1e85cba">6.2. Et si je veux créer mon propre dépôt sur GitHub</a></li>
<li><a href="#org7eaca37">6.3. Et du coup, comment je met tout ça en ligne ?</a></li>
<li><a href="#org9c233f0">6.4. Quelqu’un a fait des modifications depuis mon dernier commit, je récupère ça comment ?</a></li>
<li><a href="#org51fec9d">6.1. J’ai téléchargé un projet en zip</a></li>
<li><a href="#orgbd123a2">6.2. Et si je veux créer mon propre dépôt sur GitHub</a></li>
<li><a href="#orgc186792">6.3. Et du coup, comment je met tout ça en ligne ?</a></li>
<li><a href="#org453d1a0">6.4. Quelqu’un a fait des modifications depuis mon dernier commit, je récupère ça comment ?</a></li>
</ul>
</li>
</ul>
@ -275,25 +275,25 @@ for the JavaScript code in this tag.
</p>
<div class="org-src-container">
<pre class="src src-org">Et tout d&#8217;abord, si tu veux la version PDF du bouzin, <span style="color: #975D4A; text-decoration: underline;"><a href="https://phundrak.fr/git/tutoriel-git.pdf">c&#8217;est par l&#224;</a></span>.
<pre class="src src-org">Tout d&#8217;abord, si tu veux la version PDF du bouzin, <span style="color: #975D4A; text-decoration: underline;"><a href="https://phundrak.fr/git/tutoriel-git.pdf">c&#8217;est par l&#224;</a></span>.
Et pour le code source de cette page, c&#8217;est <span style="color: #975D4A; text-decoration: underline;"><a href="https://phundrak.fr/git/tutoriel-git.org">l&#224;</a></span>, <span style="color: #975D4A; text-decoration: underline;"><a href="https://phundrak.fr/git/theme-readtheorg.setup">l&#224;</a></span> et <span style="color: #975D4A; text-decoration: underline;"><a href="https://phundrak.fr/git/headers.org">l&#224;</a></span>.
Et pour le code source de cette page, c&#8217;est <span style="color: #975D4A; text-decoration: underline;"><a href="https://github.com/Phundrak/tutoriel-git">l&#224;</a></span>, sur GitHub.
</pre>
</div>
<div id="outline-container-org424efeb" class="outline-2">
<h2 id="org424efeb"><span class="section-number-2">1</span> Git ? Qu’est-ce donc ?</h2>
<div id="outline-container-orgd20e076" class="outline-2">
<h2 id="orgd20e076"><span class="section-number-2">1</span> Git ? Qu’est-ce donc ?</h2>
<div class="outline-text-2" id="text-1">
<p>
Git est un logiciel de version de fichiers permettant de garder une trace de toutes les modifications apportées au fichiers suivis dans un répertoire (un dépôt) et ses sous-répertoires –sous couvert qu’ils n’aient pas été ignorés explicitement. Il permet également de conserver plusieurs versions parallèles du projet, comme par exemple une version stable et une version de développement, et permet l’ajout de modifications d’une de ces versions parallèles à une autre via des fusions partielles ou totales de branches, avec une automatisation des fusions de fichiers lorsqu’il n’y a pas de conflit entre ces derniers.
</p>
</div>
</div>
<div id="outline-container-org04d5b23" class="outline-2">
<h2 id="org04d5b23"><span class="section-number-2">2</span> Ça a l’air cool, comment ça s’utilise ?</h2>
<div id="outline-container-org50cdb25" class="outline-2">
<h2 id="org50cdb25"><span class="section-number-2">2</span> Ça a l’air cool, comment ça s’utilise ?</h2>
<div class="outline-text-2" id="text-2">
</div>
<div id="outline-container-org46a0365" class="outline-3">
<h3 id="org46a0365"><span class="section-number-3">2.1</span> Et surtout, comment ça s’installe ?</h3>
<div id="outline-container-orgfd576ff" class="outline-3">
<h3 id="orgfd576ff"><span class="section-number-3">2.1</span> Et surtout, comment ça s’installe ?</h3>
<div class="outline-text-3" id="text-2-1">
<p>
Très bonne question Kevin. Tout d’abord, il faut t’assurer que git soit installé sur ton système et utilisable depuis le terminal. Sous GNU/Linux, tu peux l’installer via ton gestionnaire de paquet, ce qui rendra la commande accessible directement depuis le terminal.
@ -320,8 +320,8 @@ Si tu es sous Windows&#x2026; Bonne chance. Toutes les commandes seront en synta
</p>
</div>
</div>
<div id="outline-container-orgd3f885f" class="outline-3">
<h3 id="orgd3f885f"><span class="section-number-3">2.2</span> Ok c’est bon, et il y a une configuration à faire ?</h3>
<div id="outline-container-orgf79c71e" class="outline-3">
<h3 id="orgf79c71e"><span class="section-number-3">2.2</span> Ok c’est bon, et il y a une configuration à faire ?</h3>
<div class="outline-text-3" id="text-2-2">
<p>
Tu peux configurer Git si tu le souhaites, oui. En général, il est recommandé de paramétrer au moins son nom et son email. Tu peux les paramétrer via la ligne de commande :
@ -350,8 +350,8 @@ Il y a encore pas mal de paramètres que tu peux gérer avec ce fichier, je repa
</div>
</div>
</div>
<div id="outline-container-org3b01d46" class="outline-2">
<h2 id="org3b01d46"><span class="section-number-2">3</span> Ok très bien, mais je veux utiliser git moi !</h2>
<div id="outline-container-org7a6ff6c" class="outline-2">
<h2 id="org7a6ff6c"><span class="section-number-2">3</span> Ok très bien, mais je veux utiliser git moi !</h2>
<div class="outline-text-2" id="text-3">
<p>
Du calme Jean-Kévin, ralentis un peu. Comme le dit ce vieux dicton Chinois :
@ -365,8 +365,8 @@ Celui qui marche trop vite…… marche…………… trop… vite…? Tu peux
Bon, c’est une contrefaçon, donc la qualité de la citation n’est pas extraordinaire. Bref.
</p>
</div>
<div id="outline-container-orga446891" class="outline-3">
<h3 id="orga446891"><span class="section-number-3">3.1</span> Je commmence comment ?</h3>
<div id="outline-container-orgae9ad7f" class="outline-3">
<h3 id="orgae9ad7f"><span class="section-number-3">3.1</span> Je commmence comment ?</h3>
<div class="outline-text-3" id="text-3-1">
<p>
Si tu souhaites créer un dépôt git, rien de plus simple : créé ton répertoire dans lequel tu travailleras, et déplace-y-toi. Ensuite, tu pourra initialiser ton dépôt via la commande <code>git init</code>.
@ -395,8 +395,8 @@ Parfait !
</p>
</div>
</div>
<div id="outline-container-orgaf9966d" class="outline-3">
<h3 id="orgaf9966d"><span class="section-number-3">3.2</span> Et pour ajouter des fichiers ?</h3>
<div id="outline-container-org4a5e57e" class="outline-3">
<h3 id="org4a5e57e"><span class="section-number-3">3.2</span> Et pour ajouter des fichiers ?</h3>
<div class="outline-text-3" id="text-3-2">
<p>
Maintenant tu peux commencer à travailler sur ton projet. Mais tout d’abord, on va voir ce qu’il se passe si jamais on créé un fichier dans le dépot. Créé un fichier <code>main.c</code> dans lequel tu vas entrer ce code :
@ -458,8 +458,8 @@ Parfait ! Certains éléments peuvent être un peu différent chez toi, comme
</p>
</div>
</div>
<div id="outline-container-org4d067d2" class="outline-3">
<h3 id="org4d067d2"><span class="section-number-3">3.3</span> Cool, mais j’ai accidentellement mis un fichier en staging</h3>
<div id="outline-container-org34bef9e" class="outline-3">
<h3 id="org34bef9e"><span class="section-number-3">3.3</span> Cool, mais j’ai accidentellement mis un fichier en staging</h3>
<div class="outline-text-3" id="text-3-3">
<p>
Si jamais tu as un staging que tu veux annuler, tu peux utiliser la commande <code>git reset HEAD nomdetonfichier voiredautresfichiers</code> pour annuler le staging. Une fois le fichier qui n’est plus dans ton staging, tu peux même annuler toutes les modifications que tu as apporté au fichier depuis ton dernier commit avec la commande <code>git checkout -- tonfichier voiredautresfichiers</code>. Par exemple, si j’ai modifié mon <code>main.c</code> en modifiant ainsi les arguments du <code>main()</code> :
@ -491,8 +491,8 @@ Si je fait un <code>cat</code> du fichier, je vois qu’il est revenu à son ét
</p>
</div>
</div>
<div id="outline-container-orga03d27e" class="outline-3">
<h3 id="orga03d27e"><span class="section-number-3">3.4</span> En fait, j’ai juste oublié un truc dans mon commit précédent</h3>
<div id="outline-container-orgfc020de" class="outline-3">
<h3 id="orgfc020de"><span class="section-number-3">3.4</span> En fait, j’ai juste oublié un truc dans mon commit précédent</h3>
<div class="outline-text-3" id="text-3-4">
<p>
Si jamais tu veux à la place ajouter la modification d’un fichier au dernier commit (mettons, tu as oublié d’ajouter également un fichier texte), tu peux utiliser l’option <code>--amend</code> lors du commit du fichier oublié.
@ -517,8 +517,8 @@ En gros, le commit que tu viens de faire a remplacé le précédent en conservan
</div>
</div>
</div>
<div id="outline-container-org5c917f7" class="outline-2">
<h2 id="org5c917f7"><span class="section-number-2">4</span> Euh, j’ai oublié ce que j’ai changé lors du dernier commit</h2>
<div id="outline-container-orgfb68abb" class="outline-2">
<h2 id="orgfb68abb"><span class="section-number-2">4</span> Euh, j’ai oublié ce que j’ai changé lors du dernier commit</h2>
<div class="outline-text-2" id="text-4">
<p>
Pas de panique ! Tu peux entrer la commande <code>git diff</code> afin de voir ce que tout ce que tu as modifié lors de ton dernier commit. Et si tu ne souhaite voir les modifications que d’un certain fichier, tu peux ajouter le nom de ton fichier à la fin de la commande.
@ -592,8 +592,8 @@ index 03b0f20..b93413f 100644
</div>
</div>
<div id="outline-container-org35ba9ee" class="outline-2">
<h2 id="org35ba9ee"><span class="section-number-2">5</span> Il y a des fichiers dont je me fiche dans mon dépot</h2>
<div id="outline-container-orga2a3077" class="outline-2">
<h2 id="orga2a3077"><span class="section-number-2">5</span> Il y a des fichiers dont je me fiche dans mon dépot</h2>
<div class="outline-text-2" id="text-5">
<p>
Dans ce cas, il est grand temps de te présenter le fichier <code>.gitignore</code>. Comme son nom l’indique, il permet au dépôt d’ignorer des fichiers selon ce que tu lui indiqueras. Par exemple, si tu veux ignorer tous les fichiers qui se terminent en <code>.out</code> (ou <code>.exe</code> sous Windows), tu peux éditer (ou créer) ton <code>.gitignore</code> et entrer ces lignes :
@ -609,16 +609,16 @@ Maintenant, si tu créés un fichier en <code>.out</code> ou <code>.exe</code>,
</div>
</div>
<div id="outline-container-orgccda07e" class="outline-2">
<h2 id="orgccda07e"><span class="section-number-2">6</span> J’ai entendu parler de GitHub…</h2>
<div id="outline-container-orgd9de679" class="outline-2">
<h2 id="orgd9de679"><span class="section-number-2">6</span> J’ai entendu parler de GitHub…</h2>
<div class="outline-text-2" id="text-6">
<p>
Tu commences à me plaire Enzo ! GitHub est un site web sur lequel tu peux héberger des projets libres ou open-source (si tu ne connais pas la différence, voici <a href="https://www.gnu.org/philosophy/open-source-misses-the-point.fr.html">un article</a> pour t’aider à comprendre, et <a href="https://www.gnu.org/philosophy/free-software-for-freedom.fr.html">un autre</a> pour la route). C’est en particulier orienté pour les projets gérés par git, ce qui tombe bien car c’est ce qu’on utilise. Cela a pour avantage de pouvoir aisément partager ton code et d’assurer qu’il est bien sauvegardé quelque part d’autre que ton disque dur (un <code>rm -rf</code> est si vite arrivé). Et surtout, ça peut te permettre de collaborer avec d’autres personnes sur le même projet sans te casser la tête.
</p>
</div>
<div id="outline-container-orgde64bff" class="outline-3">
<h3 id="orgde64bff"><span class="section-number-3">6.1</span> J’ai téléchargé un projet en zip</h3>
<div id="outline-container-org51fec9d" class="outline-3">
<h3 id="org51fec9d"><span class="section-number-3">6.1</span> J’ai téléchargé un projet en zip</h3>
<div class="outline-text-3" id="text-6-1">
<p>
Ou bien, tu peux télécharger le projet directement via <code>git</code>. Eh oui ! git permet de gérer les dépôts dits distants, c’est à dire ceux qui sont hébergés sur un serveur en ligne, comme par exemple sur GitHub. Pour cela, il te faut te munir du lien vers le dépôt git, et le passer en argument de <code>git clone</code>. Par exemple, si tu veux télécharger de dépôt du petit logiciel de chat en réseau que j’ai codé durant ma L2 d’informatique, tu peux exécuter ceci :
@ -638,8 +638,8 @@ Et c’est bon, tu as accès au répertoire <code>chat-reseau-P8</code> et au co
</div>
</div>
<div id="outline-container-org1e85cba" class="outline-3">
<h3 id="org1e85cba"><span class="section-number-3">6.2</span> Et si je veux créer mon propre dépôt sur GitHub</h3>
<div id="outline-container-orgbd123a2" class="outline-3">
<h3 id="orgbd123a2"><span class="section-number-3">6.2</span> Et si je veux créer mon propre dépôt sur GitHub</h3>
<div class="outline-text-3" id="text-6-2">
<p>
Dans ce cas là, c’est simple Kévin. Il faut que tu te créées un compte sur GitHub, puis tu cliques sur le bouton <code>+</code> et <code>New Repository</code>. Tu lui donnes le nom que tu souhaites (en l’occurence je le nomme <code>temporary-repo</code> car je vais le supprimer cinq minutes après l’écriture de ces lignes), et tu cliques sur <code>Create Repository</code>. Tu n’ajoutes rien avant, pas de description, pas de <code>.gitignore</code>, RIEN.
@ -658,8 +658,8 @@ Et voilà, ton dépôt est lié au dépôt distant. Oui, juste comme ça.
</div>
</div>
<div id="outline-container-org7eaca37" class="outline-3">
<h3 id="org7eaca37"><span class="section-number-3">6.3</span> Et du coup, comment je met tout ça en ligne ?</h3>
<div id="outline-container-orgc186792" class="outline-3">
<h3 id="orgc186792"><span class="section-number-3">6.3</span> Et du coup, comment je met tout ça en ligne ?</h3>
<div class="outline-text-3" id="text-6-3">
<p>
Bon ok, ce n’est pas aussi simple que ça. Une fois que tu as lié ton dépôt au dépôt distant, il faudra que tu mettes en ligne tes commits quand tu en auras l’occasion. Pour ce faire, tu n’as qu’à taper <code>git push</code> ; et la première fois, il faudra que tu indiques à ton dépôt où mettre en ligen précisément dans le dépôt distant, auquel cas tu ajoutes <code>-u origin master</code> pour cette première fois. Git te demandera donc tes identifiants GitHub pour pouvoir mettre tout ça en ligne.
@ -689,8 +689,8 @@ Bon, là en nom d’utilisateur y’a le mien, faudra remplacer avec le tiens. E
</div>
</div>
<div id="outline-container-org9c233f0" class="outline-3">
<h3 id="org9c233f0"><span class="section-number-3">6.4</span> Quelqu’un a fait des modifications depuis mon dernier commit, je récupère ça comment ?</h3>
<div id="outline-container-org453d1a0" class="outline-3">
<h3 id="org453d1a0"><span class="section-number-3">6.4</span> Quelqu’un a fait des modifications depuis mon dernier commit, je récupère ça comment ?</h3>
<div class="outline-text-3" id="text-6-4">
<p>
Pour faire un exemple, je viens de créer un <code>README.md</code> sur GitHub directement. Ce type de fichiers est assez standard afin de présenter plus ou moins en détails le dépôt et le projet qui y est lié, et son contenu apparaitra formatté sur la page du dépôt sur GitHub s’il est au format <code>.md</code> (Markdown) ou <code>.org</code> (org-mode, le Markdown d’Emacs avec lequel est écrit ce tutoriel). Mais il n’est pas présent dans mon dépôt local, du coup je vais devoir le récupérer. On va donc entrer <code>git pull</code>.
@ -717,7 +717,7 @@ Fast-forward
</div>
<div id="postamble" class="status">
<p class="author">Auteur: Lucien Cartier-Tilet</p>
<p class="date">Created: 2018-10-05 ven. 13:59</p>
<p class="date">Created: 2018-10-05 ven. 14:08</p>
<p class="validation"></p>
</div>
</body>

4
tutoriel-git.org
View File

@ -2,9 +2,9 @@
#+TITLE: Tutoriel Git et GitHub
#+begin_src org :exports (when (eq org-export-current-backend 'xelatex) "none")
Et tout d’abord, si tu veux la version PDF du bouzin, [[https://phundrak.fr/git/tutoriel-git.pdf][c’est par là]].
Tout d’abord, si tu veux la version PDF du bouzin, [[https://phundrak.fr/git/tutoriel-git.pdf][c’est par là]].
Et pour le code source de cette page, c’est [[https://phundrak.fr/git/tutoriel-git.org][là]], [[https://phundrak.fr/git/theme-readtheorg.setup][là]] et [[https://phundrak.fr/git/headers.org][là]].
Et pour le code source de cette page, c’est [[https://github.com/Phundrak/tutoriel-git][là]], sur GitHub.
#+end_src
* Git ? Qu’est-ce donc ?
Git est un logiciel de version de fichiers permettant de garder une trace de toutes les modifications apportées au fichiers suivis dans un répertoire (un dépôt) et ses sous-répertoires –sous couvert qu’ils n’aient pas été ignorés explicitement. Il permet également de conserver plusieurs versions parallèles du projet, comme par exemple une version stable et une version de développement, et permet l’ajout de modifications d’une de ces versions parallèles à une autre via des fusions partielles ou totales de branches, avec une automatisation des fusions de fichiers lorsqu’il n’y a pas de conflit entre ces derniers.