CINXE.COM

<!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <title>Le terminal et premiers pas avec Git</title> <link rel="stylesheet" href="//yandex.st/highlightjs/8.0/styles/default.min.css"> <link rel="stylesheet" href="/in202/css/main.css"> <link href="https://github.com/defeo/in202/commits/gh-pages.atom" rel="alternate" title="Recent Commits to in202" type="application/atom+xml" /> <script src="/in202/js/polyfills.js"></script> </head> <body> <a id="forkme" class="dont-print" href="https://github.com/defeo/in202"> <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a> <ul class="menu dont-print" id="top-menu"> <li><a href="/in202/">Home</a></li> <li><a href="javascript:window.print()">Print</a></li> <li><a href="https://github.com/defeo/in202/blob/gh-pages/tutorials/tutorial3.md">Source</a></li> <li><a href="/in202/HELP">Help</a></li> <li><a href="https://github.com/defeo/in202/edit/gh-pages/tutorials/tutorial3.md">Quick edit</a></li> </ul> <div class="main"> <div class="container"> <h1>Le terminal et premiers pas avec Git </h1> Si vous travaillez avec un cartable numérique, démarrez sous Linux. Si vous travaillez avec votre ordinateur personnel, vous pouvez soit travailler dans la machine virtuelle, soit dans votre système d’exploitation. Dans un cas comme dans l’autre, nous allons installer des nouveaux logiciels sur votre ordinateur, il vous faudra un minimum de réseau et d’espace disque. <h2 id="le-terminal">Le terminal</h2> Nous allons commencer par une prise en main du terminal de votre système. Pour les Windows : si ce n’est pas déjà fait, installez l’émulateur de terminal PowerShell, que vous pouvez télécharger ici : <ul> <li><a href="http://www.microsoft.com/en-us/download/details.aspx?id=44987">version pour Windows 8</a>,</li> <li><a href="https://www.microsoft.com/en-us/download/details.aspx?id=40855">la version pour Windows Vista ou 7</a>, si je comprends bien,</li> <li><a href="http://www.microsoft.com/downloads/details.aspx?FamilyId=60cb5b6c-6532-45e0-ab0f-a94ae9ababf5">la version pour Windows XP</a>,</li> <li><a href="https://technet.microsoft.com/en-gb/scriptcenter/powershell.aspx">autres versions</a>.</li> </ul> Les utilisateurs Linux et Mac ont déjà un terminal installé, trouvez le raccourci et lancez-le. La majorité des Ubuntu fournit aussi le raccourci clavier <code>Ctrl-Alt-T</code>. Dans les questions qui suivent, aidez-vous avec un explorateur graphique de fichiers pour vous repérer dans l’arborescence. <ol> <li> Découvrez ce que font les commandes <code>pwd</code>, <code>ls</code> et <code>fkggfejedof</code>. </li> <li> Des commandes avec paramètres, maintenant, tapez <pre><code>ls . ls * ls .. ls / ls Bureau ls sdfarfqwe234 </code></pre> Expliquer quels fichiers sont affichés par chacune de ces commandes. </li> <li> Utilisez les flèches haut et bas pour rappeler des anciennes commandes. </li> <li> Les bons émulateurs de terminal supportent l’autocompletion. Tapez <code>pw</code>, suivi de la touche tab une, deux, trois fois. Tapez <pre><code>ls Bur </code></pre> suivi de la touche tab, completez jusqu’à ce que le choix soit unique. </li> <li> Les commandes <code>mkdir</code> et <code>rmdir</code> créent et détruisent un dossier vide. Testez-les. </li> <li> Créez un dossier nommé <code>TD3</code>. Tapez les commandes (vous pouvez vous aider avec l’autocompletion) <pre><code>cd TD3 pwd touch fichier-vide ls ls ../TD3 </code></pre> </li> <li> Lancez un éditeur de texte. Sous Windows, tapez la commande <code>notepad</code>. Sous Linux tapez le nom d’un éditeur de texte présent sur votre système, par exemple <code>geany</code>. Sous Mac, tapez <code>TextEdit</code>. </li> <li> Écrivez quelque ligne dans l’éditeur de texte, et sauvegardez sous le nom <code>test.txt</code>. </li> <li> Revenez au terminal, tapez <pre><code>cat test.txt </code></pre> </li> <li> (Uniquement sous Mac/Linux) Tapez <pre><code>less text.txt </code></pre> Utilisez la touche <code>q</code> pour sortir. </li> <li> Tapez <pre><code>cd .. pwd </code></pre> </li> <li> Essayez d’effacer le dossier <code>TD3</code>. Que se passe-t-til ? </li> <li> Tapez <pre><code>rm TD3/* ls TD3 </code></pre> </li> <li> Effacez le dossier <code>TD3</code>. </li> </ol> Synthétisez ce que vous avez appris : que font les commandes <code>ls</code>, <code>cd</code>, <code>pwd</code>, <code>rm</code>, <code>mkdir</code>, <code>rmdir</code>, <code>cat</code>, <code>less</code> ? <h2 id="git">Git</h2> Nous pouvons maintenant passer à la découverte de Git. Pour cela, nous devons commencer par l’installer. N’oubliez pas de créer votre <a href="https://github.com/">compte GitHub</a>, si ce n’est pas déjà fait. <h3 id="windows">Windows</h3> Installer msysGit : <a href="https://msysgit.github.io/">https://msysgit.github.io/</a>. Dans un cas comme dans l’autre, lorsque l’installeur vous le propose, choisissez les options : <ul> <li>Run Git from the Windows command prompt,</li> <li>Check out Windows style, commit Linux style line endings.</li> </ul> L’installation inclut un émulateur de terminal appelé Git Bash, similaire à PowerShell, mais avec un mode d’autocompletion plus adapté à Git. Alternativement, vous pouvez installer le client Git de GitHub, téléchargeable ici : <a href="http://windows.github.com">http://windows.github.com</a> (uniquement pour Windows 7 ou plus). msysGit sera installé avec. <h3 id="mac">Mac</h3> Le plus simple c’est d’installer le client Git de GitHub, téléchargeable ici : <a href="http://mac.github.com">http://mac.github.com</a>. Alternativement, vous pouvez taper <code>git</code> dans le terminal, et l’OS vous proposera d’installer Git s’il n’est pas déjà présent. <h3 id="linux-et-vm">Linux et VM</h3> Git est déjà installé sur les cartables numériques, vous pouvez sauter cette étape dans ce cas. Pour les autres Linux, on installera la version contenue dans les paquets standards. Sous Ubuntu, Debian et similaires, taper dans un terminal <pre><code>sudo apt-get install git git-gui gitk </code></pre> le mot de passe utilisateur des VM est user. <h3 id="dcouverte-de-git">Découverte de Git</h3> Dans ce TD nous allons utiliser Git à travers le terminal. Si vous avez installé un client graphique, n’hésitez pas à découvrir comment appliquer les mêmes commandes dans celui-ci. Sous Windows, PowerShell ou Git Bash peuvent être utilisé indifféremment, mais le deuxième se révélera plus pratique si vous avez pris l’habitude d’utiliser la touche tab pour compléter. <ol> <li> Tapez les commandes <pre><code>git git help </code></pre> </li> <li> Tapez <pre><code>git help init </code></pre> et lisez la documentation (touche <code>q</code> pour sortir). </li> <li> Créez un dossier, entrez dans le dossier (commande <code>cd</code>), puis initialisez-le pour Git avec <code>git init</code>. </li> <li> Créez deux fichiers de texte nommés <code>a.txt</code> et <code>b.txt</code>. </li> <li> Testez les commandes <pre><code>git status git diff git add a.txt git status git commit -m "Premier commit" git status git log --stat </code></pre> </li> <li> Créez un deuxième commit contenant le fichier <code>b.txt</code>. Lisez à nouveau la sortie de <code>git status</code> et de <code>git log</code>. </li> <li> Tapez <pre><code>git rm a.txt ls git status </code></pre> puis commitez le changement. Lisez le log. </li> </ol> <h2 id="travailler-avec-une-copie-distante">Travailler avec une copie distante</h2> Connectez-vous sur GitHub, puis visitez ce lien : <a href="https://github.com/defeo/in202.github.io/fork">https://github.com/defeo/in202.github.io/fork</a>. GitHub va prendre quelques secondes pour vous en créer une copie personnelle. Lisez le fichier de README, qui s’affiche dans le répertoire. Dans les réglages (<a href="https://github.com/moi/in202.github.io/settings">https://github.com/moi/in202.github.io/settings</a>, où vous aurez le soin de remplacer <code>moi</code> par votre nom d’utilisateur), renommez le répertoire en <code>moi.github.io</code>, en remplaçant <code>moi</code> par votre nom d’utilisateur. Maintenant créez une copie locale du répertoire avec <pre><code>git clone https://github.com/moi/moi.github.io.git </code></pre> <ol> <li> Dans l’interface web de GitHub, éditez le fichier <code>README.md</code>, et commitez les changements. </li> <li> Tirez les changement dans votre copie locale du répertoire : <pre><code>cd moi.github.io git status git log git pull git status git log </code></pre> </li> <li> Modifiez le fichier <code>README.md</code> sur votre ordinateur, commitez les changements, puis poussez vos changements sur GitHub : <pre><code>git status git push </code></pre> </li> <li> Faites encore un changement à <code>README.md</code> dans l’interface de GitHub. Commitez. Ne tirez pas encore. </li> <li> Faites un changement à <code>index.html</code> dans votre copie locale. Commitez. Essayer de pousser, que se passe-t-il ? </li> <li> Tirez, puis lisez le log avec <pre class="bash"><code>git log --graph </code></pre> Que s’est-il passé ? Poussez maintenant. </li> <li> Analysez le même log avec un client graphique : tapez la commande <code>gitk</code> dans Mac/Linux, ou <code>gitk.cmd</code> dans Windows. </li> </ol> D’autres choix de client graphique s’offrent à vous : <ul> <li> Le client GitHub pour <a href="http://mac.github.com/">Mac</a> ou <a href="http://windows.github.com/">Windows</a>. </li> <li> L’interface web de GitHub, à l’adresse <a href="https://github.com/moi/moi.github.io/network">https://github.com/moi/moi.github.io/network</a>. </li> <li> Le client multi-plateforme <a href="http://git-cola.github.io/">git cola</a>. </li> </ul> <h2 id="ma-page-personnelle">Ma page personnelle</h2> Visitez l’URL <a href="http://moi.github.io/">http://moi.github.io/</a> (remplacez <code>moi</code> par votre nom d’utilisateur, comme d’habitude). Cette page web est la votre, vous pouvez en disposer comme vous le souhaitez. <ol> <li> Reprenez le travail du <a href="../tutorial2">TD passé</a>, et faites-en votre page web personnelle. </li> <li> Validez votre page HTML à l’aide du validateur du W3C : <a href="http://validator.w3.org/">http://validator.w3.org/</a>. Renseignez l’adresse web de votre page dans le champs Address et cliquez Check. Cet outil vous donnera la liste des erreurs de syntaxe HTML de votre document. Corrigez votre page jusqu’à ne plus avoir d’erreurs (quelques warnings sont acceptables). </li> </ol> Votre travail sera noté, vous avez jusqu’au jeudi 19 février à minuit pour le compléter. </div> <footer class="footer"> <div class="container"> <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"> <img alt="Creative Commons Licence" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/4.0/80x15.png"/> </a> <a href="http://defeo.lu" class="print-link">Luca De Feo</a> 2015, licensed under <a rel="license" class="print-link" href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0</a>. Source code available on <a href="https://github.com/defeo/in202">GitHub</a>, static Website generated with <a href="http://jekyllrb.com/">Jekyll</a> and kindly hosted by <a href="http://pages.github.com/">GitHub</a>. </div> </footer> </div> <script src="//yandex.st/highlightjs/8.0/highlight.min.js"></script> <script> hljs.configure({ tabReplace: ' ' }); hljs.initHighlightingOnLoad(); </script> </body> </html>