tutoriel-git/tutoriel-git.html

733 lines
35 KiB
HTML
Raw Normal View History

2018-10-05 12:05:22 +00:00
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"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. 14:48 -->
2018-10-05 12:05:22 +00:00
<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>
<meta name="generator" content="Org mode" />
<meta name="author" content="Lucien Cartier-Tilet" />
<style type="text/css">
<!--/*--><![CDATA[/*><!--*/
.title { text-align: center;
margin-bottom: .2em; }
.subtitle { text-align: center;
font-size: medium;
font-weight: bold;
margin-top:0; }
.todo { font-family: monospace; color: red; }
.done { font-family: monospace; color: green; }
.priority { font-family: monospace; color: orange; }
.tag { background-color: #eee; font-family: monospace;
padding: 2px; font-size: 80%; font-weight: normal; }
.timestamp { color: #bebebe; }
.timestamp-kwd { color: #5f9ea0; }
.org-right { margin-left: auto; margin-right: 0px; text-align: right; }
.org-left { margin-left: 0px; margin-right: auto; text-align: left; }
.org-center { margin-left: auto; margin-right: auto; text-align: center; }
.underline { text-decoration: underline; }
#postamble p, #preamble p { font-size: 90%; margin: .2em; }
p.verse { margin-left: 3%; }
pre {
border: 1px solid #ccc;
box-shadow: 3px 3px 3px #eee;
padding: 8pt;
font-family: monospace;
overflow: auto;
margin: 1.2em;
}
pre.src {
position: relative;
overflow: visible;
padding-top: 1.2em;
}
pre.src:before {
display: none;
position: absolute;
background-color: white;
top: -10px;
right: 10px;
padding: 3px;
border: 1px solid black;
}
pre.src:hover:before { display: inline;}
/* Languages per Org manual */
pre.src-asymptote:before { content: 'Asymptote'; }
pre.src-awk:before { content: 'Awk'; }
pre.src-C:before { content: 'C'; }
/* pre.src-C++ doesn't work in CSS */
pre.src-clojure:before { content: 'Clojure'; }
pre.src-css:before { content: 'CSS'; }
pre.src-D:before { content: 'D'; }
pre.src-ditaa:before { content: 'ditaa'; }
pre.src-dot:before { content: 'Graphviz'; }
pre.src-calc:before { content: 'Emacs Calc'; }
pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
pre.src-fortran:before { content: 'Fortran'; }
pre.src-gnuplot:before { content: 'gnuplot'; }
pre.src-haskell:before { content: 'Haskell'; }
pre.src-hledger:before { content: 'hledger'; }
pre.src-java:before { content: 'Java'; }
pre.src-js:before { content: 'Javascript'; }
pre.src-latex:before { content: 'LaTeX'; }
pre.src-ledger:before { content: 'Ledger'; }
pre.src-lisp:before { content: 'Lisp'; }
pre.src-lilypond:before { content: 'Lilypond'; }
pre.src-lua:before { content: 'Lua'; }
pre.src-matlab:before { content: 'MATLAB'; }
pre.src-mscgen:before { content: 'Mscgen'; }
pre.src-ocaml:before { content: 'Objective Caml'; }
pre.src-octave:before { content: 'Octave'; }
pre.src-org:before { content: 'Org mode'; }
pre.src-oz:before { content: 'OZ'; }
pre.src-plantuml:before { content: 'Plantuml'; }
pre.src-processing:before { content: 'Processing.js'; }
pre.src-python:before { content: 'Python'; }
pre.src-R:before { content: 'R'; }
pre.src-ruby:before { content: 'Ruby'; }
pre.src-sass:before { content: 'Sass'; }
pre.src-scheme:before { content: 'Scheme'; }
pre.src-screen:before { content: 'Gnu Screen'; }
pre.src-sed:before { content: 'Sed'; }
pre.src-sh:before { content: 'shell'; }
pre.src-sql:before { content: 'SQL'; }
pre.src-sqlite:before { content: 'SQLite'; }
/* additional languages in org.el's org-babel-load-languages alist */
pre.src-forth:before { content: 'Forth'; }
pre.src-io:before { content: 'IO'; }
pre.src-J:before { content: 'J'; }
pre.src-makefile:before { content: 'Makefile'; }
pre.src-maxima:before { content: 'Maxima'; }
pre.src-perl:before { content: 'Perl'; }
pre.src-picolisp:before { content: 'Pico Lisp'; }
pre.src-scala:before { content: 'Scala'; }
pre.src-shell:before { content: 'Shell Script'; }
pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
/* additional language identifiers per "defun org-babel-execute"
in ob-*.el */
pre.src-cpp:before { content: 'C++'; }
pre.src-abc:before { content: 'ABC'; }
pre.src-coq:before { content: 'Coq'; }
pre.src-groovy:before { content: 'Groovy'; }
/* additional language identifiers from org-babel-shell-names in
ob-shell.el: ob-shell is the only babel language using a lambda to put
the execution function name together. */
pre.src-bash:before { content: 'bash'; }
pre.src-csh:before { content: 'csh'; }
pre.src-ash:before { content: 'ash'; }
pre.src-dash:before { content: 'dash'; }
pre.src-ksh:before { content: 'ksh'; }
pre.src-mksh:before { content: 'mksh'; }
pre.src-posh:before { content: 'posh'; }
/* Additional Emacs modes also supported by the LaTeX listings package */
pre.src-ada:before { content: 'Ada'; }
pre.src-asm:before { content: 'Assembler'; }
pre.src-caml:before { content: 'Caml'; }
pre.src-delphi:before { content: 'Delphi'; }
pre.src-html:before { content: 'HTML'; }
pre.src-idl:before { content: 'IDL'; }
pre.src-mercury:before { content: 'Mercury'; }
pre.src-metapost:before { content: 'MetaPost'; }
pre.src-modula-2:before { content: 'Modula-2'; }
pre.src-pascal:before { content: 'Pascal'; }
pre.src-ps:before { content: 'PostScript'; }
pre.src-prolog:before { content: 'Prolog'; }
pre.src-simula:before { content: 'Simula'; }
pre.src-tcl:before { content: 'tcl'; }
pre.src-tex:before { content: 'TeX'; }
pre.src-plain-tex:before { content: 'Plain TeX'; }
pre.src-verilog:before { content: 'Verilog'; }
pre.src-vhdl:before { content: 'VHDL'; }
pre.src-xml:before { content: 'XML'; }
pre.src-nxml:before { content: 'XML'; }
/* add a generic configuration mode; LaTeX export needs an additional
(add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
pre.src-conf:before { content: 'Configuration File'; }
table { border-collapse:collapse; }
caption.t-above { caption-side: top; }
caption.t-bottom { caption-side: bottom; }
td, th { vertical-align:top; }
th.org-right { text-align: center; }
th.org-left { text-align: center; }
th.org-center { text-align: center; }
td.org-right { text-align: right; }
td.org-left { text-align: left; }
td.org-center { text-align: center; }
dt { font-weight: bold; }
.footpara { display: inline; }
.footdef { margin-bottom: 1em; }
.figure { padding: 1em; }
.figure p { text-align: center; }
.inlinetask {
padding: 10px;
border: 2px solid gray;
margin: 10px;
background: #ffffcc;
}
#org-div-home-and-up
{ text-align: right; font-size: 70%; white-space: nowrap; }
textarea { overflow-x: auto; }
.linenr { font-size: smaller }
.code-highlighted { background-color: #ffff00; }
.org-info-js_info-navigation { border-style: none; }
#org-info-js_console-label
{ font-size: 10px; font-weight: bold; white-space: nowrap; }
.org-info-js_search-highlight
{ background-color: #ffff00; color: #000000; font-weight: bold; }
.org-svg { width: 90%; }
/*]]>*/-->
</style>
<link rel="stylesheet" type="text/css" href="https://langue.phundrak.fr/css/htmlize.css"/>
<link rel="stylesheet" type="text/css" href="https://langue.phundrak.fr/css/readtheorg.css"/>
<script src="https://phundrak.fr/js/jquery.min.js"></script>
<script src="https://phundrak.fr/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://phundrak.fr/js/jquery.stickytableheaders.min.js"></script>
<script type="text/javascript" src="https://phundrak.fr/js/readtheorg.js"></script>
<script type="text/javascript">
/*
@licstart The following is the entire license notice for the
JavaScript code in this tag.
Copyright (C) 2012-2018 Free Software Foundation, Inc.
The JavaScript code in this tag is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this tag.
*/
<!--/*--><![CDATA[/*><!--*/
function CodeHighlightOn(elem, id)
{
var target = document.getElementById(id);
if(null != target) {
elem.cacheClassElem = elem.className;
elem.cacheClassTarget = target.className;
target.className = "code-highlighted";
elem.className = "code-highlighted";
}
}
function CodeHighlightOff(elem, id)
{
var target = document.getElementById(id);
if(elem.cacheClassElem)
elem.className = elem.cacheClassElem;
if(elem.cacheClassTarget)
target.className = elem.cacheClassTarget;
}
/*]]>*///-->
</script>
</head>
<body>
<div id="content">
<h1 class="title">Tutoriel Git et GitHub</h1>
<p>
</p>
<div id="table-of-contents">
<h2>Table des matières</h2>
<div id="text-table-of-contents">
<ul>
<li><a href="#org23b29bc">1. Git ? Quest-ce donc ?</a></li>
<li><a href="#org32855ad">2. Ça a lair cool, comment ça sutilise?</a>
2018-10-05 12:05:22 +00:00
<ul>
<li><a href="#orgea19d3c">2.1. Et surtout, comment ça sinstalle ?</a></li>
<li><a href="#orgec60f93">2.2. Ok cest bon, et il y a une configuration à faire ?</a></li>
2018-10-05 12:05:22 +00:00
</ul>
</li>
<li><a href="#org96548b9">3. Ok très bien, mais je veux utiliser git moi!</a>
2018-10-05 12:05:22 +00:00
<ul>
<li><a href="#org0f62d45">3.1. Je commmence comment?</a></li>
<li><a href="#orgfc00661">3.2. Et pour ajouter des fichiers?</a></li>
<li><a href="#orgc3fb330">3.3. Cool, mais jai accidentellement mis un fichier en staging</a></li>
<li><a href="#orgeaa9108">3.4. En fait, jai juste oublié un truc dans mon commit précédent</a></li>
2018-10-05 12:05:22 +00:00
</ul>
</li>
<li><a href="#orgf2fa74c">4. Euh, jai oublié ce que jai changé lors du dernier commit</a></li>
<li><a href="#org04e3f5a">5. Il y a des fichiers dont je me fiche dans mon dépot</a></li>
<li><a href="#orga961826">6. Jai entendu parler de GitHub…</a>
2018-10-05 12:05:22 +00:00
<ul>
<li><a href="#org1e8cb0e">6.1. Jai téléchargé un projet en zip</a></li>
<li><a href="#org078e4f6">6.2. Et si je veux créer mon propre dépôt sur GitHub</a></li>
<li><a href="#orgb06f59e">6.3. Et du coup, comment je met tout ça en ligne ?</a></li>
<li><a href="#orge6f3f93">6.4. Quelquun a fait des modifications depuis mon dernier commit, je récupère ça comment?</a></li>
2018-10-05 12:05:22 +00:00
</ul>
</li>
</ul>
</div>
</div>
<p>
</p>
<div class="org-src-container">
2018-10-05 12:10:13 +00:00
<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>.
2018-10-05 12:05:22 +00:00
2018-10-05 12:10:13 +00:00
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.
2018-10-05 12:05:22 +00:00
</pre>
</div>
<div id="outline-container-org23b29bc" class="outline-2">
<h2 id="org23b29bc"><span class="section-number-2">1</span> Git ? Quest-ce donc ?</h2>
2018-10-05 12:05:22 +00:00
<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 quils naient 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 lajout de modifications dune de ces versions parallèles à une autre via des fusions partielles ou totales de branches, avec une automatisation des fusions de fichiers lorsquil ny a pas de conflit entre ces derniers.
</p>
<p>
Avant de continuer, sache que je suis bilingue français-sarcasme, si tu es du genre à ténerver pour un rien, cette page est à haut risque pour toi.
</p>
<p>
Toujours là? Tu auras été prévenu·e.
</p>
2018-10-05 12:05:22 +00:00
</div>
</div>
<div id="outline-container-org32855ad" class="outline-2">
<h2 id="org32855ad"><span class="section-number-2">2</span> Ça a lair cool, comment ça sutilise?</h2>
2018-10-05 12:05:22 +00:00
<div class="outline-text-2" id="text-2">
</div>
<div id="outline-container-orgea19d3c" class="outline-3">
<h3 id="orgea19d3c"><span class="section-number-3">2.1</span> Et surtout, comment ça sinstalle ?</h3>
2018-10-05 12:05:22 +00:00
<div class="outline-text-3" id="text-2-1">
<p>
Très bonne question Kevin. Tout dabord, il faut tassurer que git soit installé sur ton système et utilisable depuis le terminal. Sous GNU/Linux, tu peux linstaller via ton gestionnaire de paquet, ce qui rendra la commande accessible directement depuis le terminal.
</p>
<div class="org-src-container">
<pre class="src src-text">$ apt install git # Debian, Ubuntu et les distros bas&#233;es dessus
$ yum install git # CentOS
$ dnf -y install git # Fedora
$ pacman -S git # ArchLinux et les distros bas&#233;es dessus
$ emerge --ask --verbose dec-vcs/git # &gt;install Gentoo
</pre>
</div>
<p>
Si tu nes pas sous GNU/Linux mais que tu as au moins le goût dêtre sous un OS de type Unix, tu peux exécuter la commande correspondante à ton OS suivant :
</p>
<div class="org-src-container">
<pre class="src src-text">$ pkg install git # FreeBSD
$ brew install git # macOS avec brew
$ port install git +svn +doc +bash_completion +gitweb # macOS avec MacPorts
</pre>
</div>
<p>
Si tu es sous Windows&#x2026; Bonne chance. Toutes les commandes seront en syntaxe Unix dans ce tutoriel, mais si tu as bien deux neurones, tu devrais pouvoir tout de même suivre le tutoriel.
</p>
</div>
</div>
<div id="outline-container-orgec60f93" class="outline-3">
<h3 id="orgec60f93"><span class="section-number-3">2.2</span> Ok cest bon, et il y a une configuration à faire ?</h3>
2018-10-05 12:05:22 +00:00
<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 :
</p>
<div class="org-src-container">
<pre class="src src-text">$ git config --global user.name "Ton Nom"
$ git config --global user.email "ton@email.truc"
</pre>
</div>
<p>
Tu peux aussi éditer le fichier <code>~/.gitconfig</code> comme suit :
</p>
<div class="org-src-container">
<pre class="src src-text">[user]
email = ton@email.truc
name = Ton nom
</pre>
</div>
<p>
Cela permettra dassocier ton nom et ton adresse mail à tes commits. Par défaut, ceux qui sont enregistrés avec ton compte utilisateur de ton PC sont mis par défaut dans ces paramètres, mais on met quasiment tous un nom à la con quand on le créé. Et ça permet davoir les même paramètres si tu es sur un autre ordinateur.
</p>
<p>
Il y a encore pas mal de paramètres que tu peux gérer avec ce fichier, je reparlerai de certains plus tard, mais pour le reste, la documentation en ligne sur <code>gitconfig</code> ne manque pas.
</p>
</div>
</div>
</div>
<div id="outline-container-org96548b9" class="outline-2">
<h2 id="org96548b9"><span class="section-number-2">3</span> Ok très bien, mais je veux utiliser git moi!</h2>
2018-10-05 12:05:22 +00:00
<div class="outline-text-2" id="text-3">
<p>
Du calme Jean-Kévin, ralentis un peu. Comme le dit ce vieux dicton Chinois :
</p>
<blockquote>
<p>
Celui qui marche trop vite…… marche…………… trop… vite…? Tu peux tomber et te faire mal je suppose.
</p>
</blockquote>
<p>
Bon, cest une contrefaçon, donc la qualité de la citation nest pas extraordinaire. Bref.
</p>
</div>
<div id="outline-container-org0f62d45" class="outline-3">
<h3 id="org0f62d45"><span class="section-number-3">3.1</span> Je commmence comment?</h3>
2018-10-05 12:05:22 +00:00
<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>.
</p>
<div class="org-src-container">
<pre class="src src-text">$ mkdir monsuperprojet
$ cd monsuperprojet
$ git init
Initialized empty Git repository in /tmp/monsuperprojet/.git/
</pre>
</div>
<p>
Si tu obtiens à peu près le même message après la dernière commande, félicitations! Tu viens de créer ton premier dépôt git. En loccurence, jai créé mon dépôt dans <code>/tmp</code>, mais toi tu peux voir un truc du genre <code>/home/corentin/monsuperprojet</code> à la place. Tu peux vérifier que tout va bien en rentrant la commande <code>git status</code>
</p>
<div class="org-src-container">
<pre class="src src-text">$ git status
On branch master
No commits yet
nothing to commit (create/copy files and use "git add" to track)
</pre>
</div>
<p>
Parfait!
</p>
</div>
</div>
<div id="outline-container-orgfc00661" class="outline-3">
<h3 id="orgfc00661"><span class="section-number-3">3.2</span> Et pour ajouter des fichiers?</h3>
2018-10-05 12:05:22 +00:00
<div class="outline-text-3" id="text-3-2">
<p>
Maintenant tu peux commencer à travailler sur ton projet. Mais tout dabord, on va voir ce quil 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 :
</p>
<div class="org-src-container">
<pre class="src src-C"><span style="color: #AF6F55;">#include</span> <span style="color: #e2c6ac;">&lt;</span><span style="color: #7A5343;">stdio.h</span><span style="color: #e2c6ac;">&gt;</span>
<span style="color: #AF6F55;">int</span> <span style="color: #B58C65;">main</span><span style="color: #e2c6ac;">(</span><span style="color: #AF6F55;">int</span> <span style="color: #7A5343;">argc</span>, <span style="color: #AF6F55;">char</span> *<span style="color: #7A5343;">argv</span><span style="color: #8D5039;">[]</span><span style="color: #e2c6ac;">)</span> <span style="color: #e2c6ac;">{</span>
printf<span style="color: #8D5039;">(</span><span style="color: #7A5343;">"Hello World!\n"</span><span style="color: #8D5039;">)</span>;
<span style="color: #975D4A; font-weight: bold;">return</span> <span style="color: #8D5039;">0</span>;
<span style="color: #e2c6ac;">}</span>
</pre>
</div>
<p>
En exécutant à nouveau <code>git status</code>, on peut voir la sortie suivante :
</p>
<div class="org-src-container">
<pre class="src src-text">$ git status
On branch master
No commits yet
Untracked files:
(use "git add &lt;file&gt;..." to include in what will be committed)
main.c
nothing added to commit but untracked files present (use "git add" to track)
</pre>
</div>
<p>
Tu commences à comprendre un peu le bail? Git vient de détecter quun nouveau fichier a été créé quil ne connaissait pas avant. Suivons ses bon conseils et ajoutons le fichier au dépôt.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git add main.c
$ git status
On branch master
No commits yet
Changes to be committed:
(use "git rm --cached &lt;file&gt;..." to unstage)
new file: main.c
</pre>
</div>
<p>
Super, maintenant git va surveiller les changements du fichier, mais attention, il na pas encore enregistré son état. Pour linstant il sait juste que le fichier est là, dans un certain état, mais rien ne garanti encore quon pourra retrouver cet état plus tard. On appelle ça le <i>staging</i>. Pour ce faire, il faut créer ce quon appelle un commit. En gros, il sagit dun enregistrement des modifications apportées à un ou plusieurs fichers (dans leur globalité ou partiellement, on verra ça plus tard), le tout avec un commentaire.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git commit -m "Un petit pas pour moi, un grand pas pour mon projet"
[master (root-commit) 89139ef] Un petit pas pour moi, un grand pas pour mon projet
1 file changed, 6 insertions(+)
create mode 100644 main.c
</pre>
</div>
<p>
Parfait! Certains éléments peuvent être un peu différent chez toi, comme par exemple la référence du commit juste avant le message. Ça, cest un truc qui est géré automatiquement par git. Et voilà, on a létat de notre répertoire qui est enregistré et qui sera disponible plus tard. Maintenant, tu sais comment enregistrer des état de ton dépôt via les commits.
</p>
</div>
</div>
<div id="outline-container-orgc3fb330" class="outline-3">
<h3 id="orgc3fb330"><span class="section-number-3">3.3</span> Cool, mais jai accidentellement mis un fichier en staging</h3>
2018-10-05 12:05:22 +00:00
<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 nest 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 jai modifié mon <code>main.c</code> en modifiant ainsi les arguments du <code>main()</code> :
</p>
<div class="org-src-container">
<pre class="src src-C"><span style="color: #AF6F55;">#include</span> <span style="color: #e2c6ac;">&lt;</span><span style="color: #7A5343;">stdio.h</span><span style="color: #e2c6ac;">&gt;</span>
<span style="color: #AF6F55;">int</span> <span style="color: #B58C65;">main</span><span style="color: #e2c6ac;">(</span><span style="color: #AF6F55;">void</span><span style="color: #e2c6ac;">)</span> <span style="color: #e2c6ac;">{</span>
printf<span style="color: #8D5039;">(</span><span style="color: #7A5343;">"Hello World!\n"</span><span style="color: #8D5039;">)</span>;
<span style="color: #975D4A; font-weight: bold;">return</span> <span style="color: #8D5039;">0</span>;
<span style="color: #e2c6ac;">}</span>
</pre>
</div>
<p>
Je peux annuler tout ça via ces commandes :
</p>
<div class="org-src-container">
<pre class="src src-text">$ git reset HEAD main.c
Unstaged changes after reset:
M main.c
$ git checkout -- main.c
$ git status
On branch master
nothing to commit, working tree clean
</pre>
</div>
<p>
Si je fait un <code>cat</code> du fichier, je vois quil est revenu à son état initial.
</p>
</div>
</div>
<div id="outline-container-orgeaa9108" class="outline-3">
<h3 id="orgeaa9108"><span class="section-number-3">3.4</span> En fait, jai juste oublié un truc dans mon commit précédent</h3>
2018-10-05 12:05:22 +00:00
<div class="outline-text-3" id="text-3-4">
<p>
Si jamais tu veux à la place ajouter la modification dun fichier au dernier commit (mettons, tu as oublié dajouter également un fichier texte), tu peux utiliser loption <code>--amend</code> lors du commit du fichier oublié.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git add main.c # J&#8217;ai refait les modifications annul&#233;es plus t&#244;t
$ git commit -m "second commit"
[master 97f698a] second commit
1 file changed, 1 insertion(+), 1 deletion(-)
$ echo "C&#8217;est un super projet !" &gt; projet.txt
$ git add projet.txt
$ git commit --amend -m "second commit + oubli"
[master 9aff4c0] second commit + oubli
Date: Fri Oct 5 11:10:56 2018 +0200
2 files changed, 2 insertions(+), 1 deletion(-)
create mode 100644 projet.txt
</pre>
</div>
<p>
En gros, le commit que tu viens de faire a remplacé le précédent en conservant les informations du commit précédent, mis à part son commentaire. Si tu ne met pas loption <code>-m "ton texte"</code> lors de lamendement du commit, ton éditeur texte par défaut va souvrir pour que tu puisses modifier le texte du commit précédent si tu le souhaite. Si jamais vi ou vim souvre et que tu nas aucune idée de comment sortir de cet enfant du démon, tu as juste à appuyer sur la touche Échap (au cas où), puis à taper <code>:wq</code> (<code>w</code> pour écrire le fichier, <code>q</code> pour quitter), puis tu appuye sur la touche Entrée. Si tu as Nano qui sest ouvert, alors il faut taper Ctrl-X.
</p>
</div>
</div>
</div>
<div id="outline-container-orgf2fa74c" class="outline-2">
<h2 id="orgf2fa74c"><span class="section-number-2">4</span> Euh, jai oublié ce que jai changé lors du dernier commit</h2>
2018-10-05 12:05:22 +00:00
<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 dun certain fichier, tu peux ajouter le nom de ton fichier à la fin de la commande.
</p>
<div class="org-src-container">
<pre class="src src-text">$ echo "C&#8217;est un super projet !" &gt; projet.txt
$ git diff
diff --git a/projet.txt b/projet.txt
index 03b0f20..b93413f 100644
--- a/projet.txt
+++ b/projet.txt
@@ -1 +1 @@
-projet
+C&#8217;est un super projet !
</pre>
</div>
<p>
Tu peux également voir les différences de fichiers entre deux commits en entrant leur référence. Pour avoir la référence, tu peux rentrer la commande <code>git log</code> pour avoir un petit historique des commits.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git log
commit 4380d8717261644b81a1858920406645cf409028 (HEAD -&gt; master)
Author: Phuntsok Drak-pa <a href="mailto:phundrak%40phundrak.fr">&lt;phundrak@phundrak.fr&gt;</a>
Date: Fri Oct 5 11:59:40 2018 +0200
new commit
commit 59c21c6aa7e3ec7edd229f81b87becbc7ec13596
Author: Phuntsok Drak-pa <a href="mailto:phundrak%40phundrak.fr">&lt;phundrak@phundrak.fr&gt;</a>
Date: Fri Oct 5 11:10:56 2018 +0200
nouveau texte
commit 89139ef233d07a64d3025de47f8b6e8ce7470318
Author: Phuntsok Drak-pa <a href="mailto:phundrak%40phundrak.fr">&lt;phundrak@phundrak.fr&gt;</a>
Date: Fri Oct 5 10:56:58 2018 +0200
Un petit pas pour moi, un grand pas pour mon projet
</pre>
</div>
<p>
Bon, cest un peu long et un peu trop dinfos dun coup, généralement je préfère taper <code>git log --oneline --graph --decorate</code> afin davoir un affichage comme suit :
</p>
<div class="org-src-container">
<pre class="src src-text">$ git log --oneline --graph --decorate
* 4380d87 (HEAD -&gt; master) new commit
* 59c21c6 nouveau texte
* 89139ef Un petit pas pour moi, un grand pas pour mon projet
</pre>
</div>
<p>
Plus propre, non? Et les références sont plus courtes, ce qui est plus agréable à taper. Allez, comparons les deux derniers commits.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git add .
$ git commit -m "new commit"
$ git log --oneline --graph --decorate
* 4380d87 (HEAD -&gt; master) new commit
* 59c21c6 nouveau texte
* 89139ef Un petit pas pour moi, un grand pas pour mon projet
$ git diff 59c21c6 4380d87
diff --git a/projet.txt b/projet.txt
index 03b0f20..b93413f 100644
--- a/projet.txt
+++ b/projet.txt
@@ -1 +1 @@
-projet
+C&#8217;est un super projet !
</pre>
</div>
</div>
</div>
<div id="outline-container-org04e3f5a" class="outline-2">
<h2 id="org04e3f5a"><span class="section-number-2">5</span> Il y a des fichiers dont je me fiche dans mon dépot</h2>
2018-10-05 12:05:22 +00:00
<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 lindique, il permet au dépôt dignorer 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 :
</p>
<div class="org-src-container">
<pre class="src src-text">*.out
*.exe
</pre>
</div>
<p>
Maintenant, si tu créés un fichier en <code>.out</code> ou <code>.exe</code>, il sera complètement ignoré par git et ne sera pas stocké dans lhistorique des versions.
</p>
</div>
</div>
<div id="outline-container-orga961826" class="outline-2">
<h2 id="orga961826"><span class="section-number-2">6</span> Jai entendu parler de GitHub…</h2>
2018-10-05 12:05:22 +00:00
<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 taider à comprendre, et <a href="https://www.gnu.org/philosophy/free-software-for-freedom.fr.html">un autre</a> pour la route). Cest en particulier orienté pour les projets gérés par git, ce qui tombe bien car cest ce quon utilise. Cela a pour avantage de pouvoir aisément partager ton code et dassurer quil est bien sauvegardé quelque part dautre que ton disque dur (un <code>rm -rf</code> est si vite arrivé). Et surtout, ça peut te permettre de collaborer avec dautres personnes sur le même projet sans te casser la tête.
</p>
</div>
<div id="outline-container-org1e8cb0e" class="outline-3">
<h3 id="org1e8cb0e"><span class="section-number-3">6.1</span> Jai téléchargé un projet en zip</h3>
2018-10-05 12:05:22 +00:00
<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, cest à 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 jai codé durant ma L2 dinformatique, tu peux exécuter ceci :
</p>
<div class="org-src-container">
<pre class="src src-text">$ git clone https://github.com/Phundrak/chat-reseau-P8.git
Cloning into 'chat-reseau-P8'...
remote: Enumerating objects: 345, done.
remote: Total 345 (delta 0), reused 0 (delta 0), pack-reused 345
Receiving objects: 100% (345/345), 63.91 KiB | 39.00 KiB/s, done.
Resolving deltas: 100% (107/107), done.
</pre>
</div>
<p>
Et cest bon, tu as accès au répertoire <code>chat-reseau-P8</code> et au code source du projet.
</p>
</div>
</div>
<div id="outline-container-org078e4f6" class="outline-3">
<h3 id="org078e4f6"><span class="section-number-3">6.2</span> Et si je veux créer mon propre dépôt sur GitHub</h3>
2018-10-05 12:05:22 +00:00
<div class="outline-text-3" id="text-6-2">
<p>
Dans ce cas là, cest simple Brigitte. Il faut que tu te créés 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 loccurence 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 najoutes rien avant, pas de description, pas de <code>.gitignore</code>, RIEN.
2018-10-05 12:05:22 +00:00
</p>
<p>
Et là, magie ! GitHub indique comment ajouter le dépôt distant à ton dépôt local.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git remote add origin https://github.com/Phundrak/temporary-repo.git
</pre>
</div>
<p>
Et voilà, ton dépôt est lié au dépôt distant. Oui, juste comme ça.
</p>
</div>
</div>
<div id="outline-container-orgb06f59e" class="outline-3">
<h3 id="orgb06f59e"><span class="section-number-3">6.3</span> Et du coup, comment je met tout ça en ligne ?</h3>
2018-10-05 12:05:22 +00:00
<div class="outline-text-3" id="text-6-3">
<p>
Bon ok, ce nest 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 loccasion. Pour ce faire, tu nas 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.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git push -u origin master
Username for 'https://github.com': phundrak
Password for 'https://phundrak@github.com':
Enumerating objects: 10, done.
Counting objects: 100% (10/10), done.
Delta compression using up to 8 threads
Compressing objects: 100% (7/7), done.
Writing objects: 100% (10/10), 940 bytes | 313.00 KiB/s, done.
Total 10 (delta 0), reused 0 (delta 0)
remote:
remote: Create a pull request for 'master' on GitHub by visiting:
remote: https://github.com/Phundrak/temporary-repo/pull/new/master
remote:
To https://github.com/Phundrak/temporary-repo.git
* [new branch] master -&gt; master
Branch 'master' set up to track remote branch 'master' from 'origin'.
</pre>
</div>
<p>
Bon, là en nom dutilisateur ya le mien, faudra remplacer avec le tiens. Et ouais, ma vitesse de mise en ligne nest pas fameuse, je suis sur une connexion 3G+ à lheure où jécris ces lignes, ne me juge pas. Bref, toujours est-il que je viens de mettre en ligne les fichiers du dépôt sur GitHub. Pas la peine de chercher le mien sur GitHub par contre, ça fera un bail que je laurai supprimé au moment où tu liras ces lignes.
</p>
</div>
</div>
<div id="outline-container-orge6f3f93" class="outline-3">
<h3 id="orge6f3f93"><span class="section-number-3">6.4</span> Quelquun a fait des modifications depuis mon dernier commit, je récupère ça comment?</h3>
2018-10-05 12:05:22 +00:00
<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 sil est au format <code>.md</code> (Markdown) ou <code>.org</code> (org-mode, le Markdown dEmacs avec lequel est écrit ce tutoriel). Mais il nest 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>.
</p>
<div class="org-src-container">
<pre class="src src-text">$ git pull
remote: Enumerating objects: 4, done.
remote: Counting objects: 100% (4/4), done.
remote: Compressing objects: 100% (3/3), done.
remote: Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
Unpacking objects: 100% (3/3), done.
From https://github.com/Phundrak/temporary-repo
4380d87..8bd4896 master -&gt; origin/master
Updating 4380d87..8bd4896
Fast-forward
README.md | 2 ++
1 file changed, 2 insertions(+)
create mode 100644 README.md
</pre>
</div>
</div>
</div>
</div>
</div>
<div id="postamble" class="status">
<p class="author">Auteur: Lucien Cartier-Tilet</p>
<p class="date">Created: 2018-10-05 ven. 14:48</p>
2018-10-05 12:05:22 +00:00
<p class="validation"></p>
</div>
</body>
</html>