{"id":393,"date":"2012-06-19T12:26:57","date_gmt":"2012-06-19T12:26:57","guid":{"rendered":"http:\/\/simonertel.net\/blog\/?p=393"},"modified":"2026-04-25T20:21:58","modified_gmt":"2026-04-25T20:21:58","slug":"github-facile-sur-windows","status":"publish","type":"post","link":"https:\/\/simonertel.net\/blog\/github-facile-sur-windows\/","title":{"rendered":"GitHub sous Windows, le guide facile !"},"content":{"rendered":"<h1>Vous connaissez GitHub ?<\/h1>\n<p>GitHub, c&rsquo;est le truc \u00e0 la mode pour tout bon technicien qui se respecte ! Si vous ressentez le besoin d&rsquo;\u00eatre \u00ab\u00a0\u00e0 la page\u00a0\u00bb, il est temps pour vous de vous mettre \u00e0 GitHub ! C&rsquo;est libre, gratuit, et on dort beaucoup mieux apr\u00e8s !<\/p>\n<div id=\"attachment_467\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-467\" class=\"size-full wp-image-467\" title=\"clodo GitHub\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/clodoGithub.png\" alt=\"Mascotte GitHub \u00e0 la rue\" width=\"640\" height=\"675\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/clodoGithub.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/clodoGithub-284x300.png 284w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-467\" class=\"wp-caption-text\">GitHub sur Windows, il faut le dire, c&rsquo;est un peu la mis\u00e8re&#8230;<\/p><\/div>\n<p><!--more--><\/p>\n<ul>\n<li><a href=\"#def1\">D\u00e9finition pour les non techniciens !<\/a><\/li>\n<li><a href=\"#def2\">D\u00e9finition pour les techniciens !<\/a><\/li>\n<li><a style=\"color: #00642f;\" href=\"#step1option1\">Installation option Geek &#8211; partie 1<\/a><\/li>\n<li><a style=\"color: #800000;\" href=\"#step1option2\">Installation option rus\u00e9 &#8211; partie 1<\/a><\/li>\n<li><a href=\"#step2\">Cr\u00e9er un d\u00e9p\u00f4t distant sur GitHub &#8211; partie 2<\/a><\/li>\n<li><a style=\"color: #800000;\" href=\"#intermediate\">Option rus\u00e9 \u2013 La suite : Terminer de configurer son logiciel GitHub<\/a><\/li>\n<li><a style=\"color: #800000;\" href=\"#lastStep\">option rus\u00e9 &#8211; \u00e9tape 3 et fin : Importer un projet distant !<\/a><\/li>\n<li><a style=\"color: #00642f;\" href=\"#step3option2\">option Geek &#8211; \u00e9tape 3 et fin : Importer un projet distant !<\/a><\/li>\n<li><a href=\"#credits\">Cr\u00e9dits !<\/a><\/li>\n<\/ul>\n<h3 id=\"def1\">Alors, pour les non techniciens<\/h3>\n<p>De mani\u00e8re succincte : C&rsquo;est un site qui permet de partager ses dossiers, qu&rsquo;ils contiennent des sites web ou pas, gr\u00e2ce \u00e0 un outil de \u00ab\u00a0versionning\u00a0\u00bb, git. Cet outil permet, comme son nom l&rsquo;indique, de versionner facilement des fichiers, ce qui permet de voir l&rsquo;ensemble des modifications apport\u00e9es <strong>chronologiquement<\/strong> sur celui-ci et de permettre des retours en arri\u00e8re lorsque n\u00e9cessaire. Mais plus int\u00e9ressant encore, cela permet \u00e0 plusieurs personnes de <strong>travailler en m\u00eame temps<\/strong> sur un projet sans que cela ne g\u00e9n\u00e8re de conflit (syst\u00e8me de branche). Et enfin, tout ceci est <strong>d\u00e9centralis\u00e9<\/strong>, vous pouvez donc avoir une version de votre projet virtuellement dupliqu\u00e9e sur autant d&rsquo;ordinateurs que souhait\u00e9. Ce pr\u00e9sent article s&rsquo;adresse plut\u00f4t \u00e0 des techniciens ou \u00e0 des passionn\u00e9s.<\/p>\n<h3 id=\"def2\">D\u00e9finition pour les techniciens<\/h3>\n<p>C&rsquo;est un site qui sert de plateforme d&rsquo;h\u00e9bergement avec l&rsquo;arsenal en ligne qui permet d&rsquo;h\u00e9berger ses projets sur un d\u00e9p\u00f4t git. c&rsquo;est gratuit si on part du principe que la seule \u00ab\u00a0contrepartie\u00a0\u00bb est que chaque projet est publi\u00e9 sous <strong>licence libre<\/strong>, et donc accessible et disponible \u00e0 tous. On peut aussi opter pour un d\u00e9p\u00f4t priv\u00e9, donc inaccessible pour les autres internautes, mais c&rsquo;est payant. Pensez n\u00e9anmoins que vous pourrez trouver r\u00e9guli\u00e8rement de nombreux projets qui seront utiles aux v\u00f4tres. Faites donc de m\u00eame et faites vivre la communaut\u00e9. Avant de se lancer dans l&rsquo;utilisation de ce site, il est important de conna\u00eetre le<strong> fonctionnement de git<\/strong>, car je ne l&rsquo;aborderai qu&rsquo;au niveau macro, c&rsquo;est-\u00e0-dire dans la manipulation des branches au quotidien, et ce, seulement sur ces aspects les plus essentiels.<\/p>\n<p>Maintenant, supposons un cas d&rsquo;application concret : Je suis sur mon <strong>Windows<\/strong> 7 (ou XP), et je souhaite partager avec la communaut\u00e9 un de mes projets de site web, un plugin jQuery, ou m\u00eame un simple document texte qui liste les \u00ab\u00a0sites de la semaine\u00a0\u00bb, et qui n&rsquo;est h\u00e9berg\u00e9 nulle part, si ce n&rsquo;est localement sur ma machine. Deux options sont possibles pour d\u00e9ployer un d\u00e9p\u00f4t git sur sa machine <strong>Windows<\/strong>, et ensuite le synchroniser avec celui de son compte GitHub. Je pr\u00e9cise Windows, car sur mac ou Linux, ce n&rsquo;est pas pareil (c&rsquo;est relativement plus simple en fait) !<\/p>\n<h3 id=\"step1option1\">L&rsquo;\u00e9tape 1 &#8211; option 1, dites \u00ab\u00a0du geek\u00a0\u00bb.<\/h3>\n<p>Du geek, parce que \u00e7a va se passer essentiellement en ligne de commande. Elle pr\u00e9sente n\u00e9anmoins l\u2019int\u00e9r\u00eat de pouvoir directement ma\u00eetriser ce qui se passe au c\u0153ur, et si des \u00e9tapes sont loup\u00e9es, le guide des commandes de git reste universellement fonctionnel.<\/p>\n<p>La premi\u00e8re \u00e9tape est d&rsquo;installer <a title=\"T\u00e9l\u00e9charger MSysGit\" href=\"http:\/\/code.google.com\/p\/msysgit\/downloads\/list?q=full+installer+official+git\" target=\"_blank\">MSysGit<\/a>. Ce logiciel <strong>d\u00e9di\u00e9<\/strong> \u00e0 Windows int\u00e8gre un Shell Linux, celui-ci comprenant notamment <strong>Git<\/strong>. En effet, Git a \u00e9t\u00e9 con\u00e7u pour g\u00e9rer le code du projet Linux par le fondateur de ce m\u00eame syst\u00e8me, Linus Torvalds, et il est principalement con\u00e7u pour tourner sur les syst\u00e8mes UNIX \/ Linux. Pour le porter sur Windows, il faut donc passer par ce genre de manipulations. Vous pourriez aussi probablement passer par <a title=\"Cygwin, installation et utilit\u00e9.\" href=\"http:\/\/pequan.lip6.fr\/~bereziat\/cygwin\/\" target=\"_blank\">Cygwin<\/a> et d\u00e9ployer le package git vous-m\u00eame, mais l\u00e0 n&rsquo;est pas l&rsquo;objet de l&rsquo;article.<\/p>\n<div id=\"attachment_417\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-417\" class=\"size-full wp-image-417\" title=\"mSysGit\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mSysGit.png\" alt=\"mSysGit capture d'\u00e9cran\" width=\"640\" height=\"150\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mSysGit.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mSysGit-300x70.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-417\" class=\"wp-caption-text\">Voil\u00e0, vous l&rsquo;avez install\u00e9, et vous venez de le lancer ! Une fen\u00eatre Shell vient de s&rsquo;ouvrir !<\/p><\/div>\n<p>Alors voil\u00e0, c&rsquo;est bien beau, vous avez une fen\u00eatre de ligne de commande. Je ne rentrerai pas dans les d\u00e9tails, mais voici les lignes de commandes basiques mais essentielles pour parvenir \u00e0 ses fins :<\/p>\n<pre>pwd<\/pre>\n<p>Affiche le chemin complet jusqu&rsquo;\u00e0 l&rsquo;endroit courant o\u00f9 l&rsquo;on se trouve.<\/p>\n<pre>ls<\/pre>\n<p>Liste les fichiers courants. Est pratique pour bien contextualiser o\u00f9 on se trouve.<\/p>\n<pre>cd<\/pre>\n<p>Pour se d\u00e9placer dans un des dossiers. L&rsquo;exemple ci-dessous vous am\u00e8nera dans le r\u00e9pertoire <em>monrepertoire<\/em> :<\/p>\n<pre>cd monrepertoire<\/pre>\n<p>Enfin, n&rsquo;oubliez pas qu&rsquo;il existe la touche \u00ab\u00a0tabulation\u00a0\u00bb\/\u00a0\u00bbTab\u00a0\u00bb pour compl\u00e9ter le nom d&rsquo;un fichier ou d&rsquo;une commande lorsque vous la saisissez \u00e0 la main, ce qui est bien pratique !<\/p>\n<h3 id=\"step1option2\">L&rsquo;\u00e9tape 1 &#8211; option 2, dites \u00ab\u00a0du renard rus\u00e9\u00a0\u00bb.<\/h3>\n<p>Peut-\u00eatre l&rsquo;aurez-vous remarqu\u00e9 en vous baladant sur GitHub, mais il existe un bouton \u00ab\u00a0clone in windows\u00a0\u00bb.<\/p>\n<div id=\"attachment_425\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/windows.github.com\/\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-425\" class=\"size-full wp-image-425\" title=\"githubWindows\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/githubWindows.png\" alt=\"Capture d'\u00e9cran du site windows github\" width=\"640\" height=\"298\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/githubWindows.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/githubWindows-300x139.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><p id=\"caption-attachment-425\" class=\"wp-caption-text\">T\u00e9l\u00e9charger windows github en vous rendant sur le site\u00a0http:\/\/windows.github.com\/ et en cliquant sur le bouton vert en haut \u00e0 gauche. Cliquez sur l&rsquo;image pour y acc\u00e9der directement.<\/p><\/div>\n<p title=\"reactive UI\">Une fois le logiciel t\u00e9l\u00e9charg\u00e9 et install\u00e9 (simple Setup relativement classique \u00e0 ex\u00e9cuter), vous devriez avoir deux ic\u00f4nes sur votre bureau (sauf si vous avez refus\u00e9 cette option \u00e9videmment), l&rsquo;une pour directement coder en <a title=\"Shell, qu'est-ce ?\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Shell_%28informatique%29#Sous_Microsoft_Windows\">shell<\/a> (en fait MSysGit !), l&rsquo;autre \u00e9tant l&rsquo;interface du logiciel, les deux \u00e9tant g\u00e9n\u00e9ralement compl\u00e9mentaires (d\u2019o\u00f9 l&rsquo;utilit\u00e9 d&rsquo;avoir les quelques lignes de commandes dans sa besace !). En fait, ce logiciel est la combinaison d&rsquo;autres logiciels et biblioth\u00e8que de code : MSysGit, mais aussi <a title=\"libgit\" href=\"http:\/\/libgit2.github.com\/\" target=\"_blank\">libgit2<\/a>, <a title=\"posh git\" href=\"https:\/\/github.com\/dahlbyk\/posh-git\" target=\"_blank\">posh-git<\/a>, <a title=\"caliburnmicro\" href=\"http:\/\/caliburnmicro.codeplex.com\/\" target=\"_blank\">caliburnmicro<\/a>, et d&rsquo;autres encore dont vous pouvez retrouver la liste <a title=\"reactive UI\" href=\"https:\/\/github.com\/xpaulbettsx\/ReactiveUI\" target=\"_blank\">ici<\/a>.<\/p>\n<div id=\"attachment_429\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-429\" class=\"size-full wp-image-429\" title=\"githubForWindows\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/githubForWindows.png\" alt=\"le logiciel github for windows\" width=\"640\" height=\"502\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/githubForWindows.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/githubForWindows-300x235.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-429\" class=\"wp-caption-text\">Les deux ic\u00f4nes et leurs deux fen\u00eatres.<\/p><\/div>\n<h3 id=\"step2\">Etape 2 : Cr\u00e9er un d\u00e9p\u00f4t distant sur le site GitHub.com.<\/h3>\n<p>Apr\u00e8s vous \u00eatre cr\u00e9\u00e9 un compte sur GitHub (mais vous l&rsquo;aviez d\u00e9j\u00e0 fait, n&rsquo;est-ce pas ?), il vous faut cr\u00e9er un d\u00e9p\u00f4t. Comment \u00e7a se passe ? Tr\u00e8s facilement, tout se passe en ligne :<\/p>\n<div id=\"attachment_431\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-431\" class=\"size-full wp-image-431\" title=\"accountGithub\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/accountGithub.png\" alt=\"Etapes pour se cr\u00e9er un d\u00e9pot git\" width=\"640\" height=\"393\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/accountGithub.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/accountGithub-300x184.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-431\" class=\"wp-caption-text\">\u00c9tapes pour se cr\u00e9er un d\u00e9p\u00f4t git<\/p><\/div>\n<p><strong><span style=\"color: #ff0000;\">1<\/span><\/strong> &gt; <strong><\/strong>Pour vous rendre sur votre compte, cliquez simplement sur votre pseudonyme.<br \/>\n<span style=\"color: #ff0000;\"><strong>2<\/strong><\/span> &gt; Une fois sur votre compte, vous pouvez voir la liste de vos projets dans la colonne principale. Si vous d\u00e9butez, vous en aurez &#8230; 0 !<strong><\/strong><br \/>\n<span style=\"color: #ff0000;\"><strong>3<\/strong><\/span> &gt; La \u00ab\u00a0Public Activity\u00a0\u00bb est un tableau de bord qui regroupe <strong><\/strong>toutes les actions que vous, les gens, les projets que vous suivez g\u00e9n\u00e8rent, ou encore les relations que vous tissez (si vous commencez \u00e0 suivre un nouveau githuber&rsquo;z par exemple \ud83d\ude42 ).<br \/>\n<span style=\"color: #ff0000;\"><strong>4<\/strong><\/span> &gt;<strong><\/strong>Le bouton magique, \u00ab\u00a0new repository\u00a0\u00bb. Et oui, c&rsquo;est en cliquant l\u00e0 dessus que vous allez cr\u00e9er un nouveau projet ! Cliquez donc !<\/p>\n<div id=\"attachment_433\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-433\" class=\"size-full wp-image-433\" title=\"creating a depository on github\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/creating.png\" alt=\"Cr\u00e9ation d'un d\u00e9p\u00f4t sur GitHub\" width=\"640\" height=\"469\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/creating.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/creating-300x219.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-433\" class=\"wp-caption-text\">Cr\u00e9ation d&rsquo;un d\u00e9p\u00f4t sur GitHub<\/p><\/div>\n<p><span style=\"color: #ff0000;\"><strong>1<\/strong><\/span> &gt; Le nom du d\u00e9p\u00f4t. Simple, parlant, c&rsquo;est toujours l&rsquo;id\u00e9al. Il n&rsquo;y a aucune obligation \u00e0 le mettre en anglais !<br \/>\n<span style=\"color: #ff0000;\"><strong>2<\/strong><\/span> &gt; La description. Elle sera visible \u00e0 tous, et servira de labels \u00e0 vos futurs amis GitHubers ! donc, tant qu&rsquo;\u00e0 faire, soyez le plus explicite sur votre projet !<br \/>\n<span style=\"color: #ff0000;\"><strong>3<\/strong><\/span> &gt; Et oui, votre d\u00e9p\u00f4t sera public ! Sauf si vraiment vous \u00eates un prestataire de service et que vous souhaitez pour des raisons de confidentialit\u00e9 prot\u00e9ger votre travail. Auquel cas, il vous faudra payer !<br \/>\n<span style=\"color: #ff0000;\"><strong>4<\/strong><\/span> &gt; Souhaitez-vous un fichier \u00ab\u00a0README\u00a0\u00bb tout fait dans votre futur nouveau d\u00e9p\u00f4t ? La r\u00e9ponse est plut\u00f4t oui ! Ce fichier servira de document de pr\u00e9sentation pour tous les utilisateurs qui iront sur la page de votre projet ! Par d\u00e9faut, si vous cochez cette option, il reprendra la phrase de description que vous avez mise ! Le README est r\u00e9alis\u00e9 en MARKDOWN (extension <strong>.md<\/strong>) , un langage de balisage qui n&rsquo;en est pas vraiment un, mais qui permet de r\u00e9aliser une documentation facilement et de mani\u00e8re tr\u00e8s souple, sans avoir \u00e0 se prendre la t\u00eate avec la flop\u00e9e habituelle de balises HTML. En savoir plus sur le <a title=\"Le markdown, qu'est ce que c'est ?\" href=\"http:\/\/daringfireball.net\/projects\/markdown\/syntax\" target=\"_blank\">markdown<\/a>. Alors par contre, attention, GitHub n&rsquo;utilise pas la syntaxe stricte du MarkDown, <a title=\"Documentation sur le markdown de github (en anglais)\" href=\"http:\/\/github.github.com\/github-flavored-markdown\/\" target=\"_blank\">mais une version l\u00e9g\u00e8rement modifi\u00e9e<\/a> !<br \/>\n<span style=\"color: #ff0000;\"><strong>5<\/strong><\/span> &gt; Si vous avez \u00e9t\u00e9 sage, et que vous avez tout rempli correctement, vous allez pouvoir cr\u00e9er votre petit d\u00e9p\u00f4t !<\/p>\n<div id=\"attachment_438\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-438\" class=\"size-full wp-image-438\" title=\"depot\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/depot.png\" alt=\"La page du d\u00e9p\u00f4t\" width=\"640\" height=\"417\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/depot.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/depot-300x195.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-438\" class=\"wp-caption-text\">La page GitHub du projet sur le d\u00e9p\u00f4t distant<\/p><\/div>\n<p><span style=\"color: #ff0000;\"><strong>1<\/strong><\/span> &gt; Vous venez de cr\u00e9er votre d\u00e9p\u00f4t, vous \u00eates donc par d\u00e9faut sur la branche principale, \u00e0 savoir la \u00ab\u00a0master\u00a0\u00bb !<br \/>\n<span style=\"color: #ff0000;\"><strong>2<\/strong><\/span> &gt; Le .zip du projet, disponible pour vous mais aussi pour les premiers inconnus qui passent.<br \/>\n<strong><span style=\"color: #ff0000;\">3<\/span><\/strong> &gt; \u00ab\u00a0Admin\u00a0\u00bb &gt; ce lien vous permet de changer le nom de votre projet, de cr\u00e9er automatiquement un wiki ou une page li\u00e9e \u00e0 votre projet, ou encore de le supprimer !<br \/>\n<span style=\"color: #ff0000;\"><strong>4<\/strong><\/span> &gt; \u00ab\u00a0Clone in windows\u00a0\u00bb &gt; comme son nom ne l&rsquo;indique pas, ne fait que lancer l&rsquo;application github sur votre pc, qui, elle, en revanche, vous permet un ensemble d&rsquo;actions sur vos d\u00e9p\u00f4ts distants GitHub et ceux en local sur votre machine. Et de l\u00e0, vous pouvez effectivement dupliquer un d\u00e9p\u00f4t distant ! Elle vous sera utile si vous avez configur\u00e9 le logiciel donc, c&rsquo;est-\u00e0-dire si dans ce tuto vous avez opt\u00e9 pour l&rsquo;option \u00ab\u00a0renard rus\u00e9\u00a0\u00bb ! Si c&rsquo;est le cas, continuez l&rsquo;exp\u00e9rience en vous rendant directement sur<br \/>\n<a href=\"#lastStep\">l&rsquo;\u00e9tape 3 &#8211; option 2 !<\/a><br \/>\n<span style=\"color: #ff0000;\"><strong>5<\/strong><\/span> &gt; Les diff\u00e9rents types d&rsquo;adresse de votre d\u00e9p\u00f4t, qui vous seront l\u00e0 aussi n\u00e9cessaires pour le dupliquer, surtout si vous avez choisi l&rsquo;option \u00ab\u00a0geek\u00a0\u00bb. Ou si vous \u00eates sur MAC ou sur Linux ! Dans ce cas, rendez-vous directement sur l&rsquo;\u00e9tape 3 &#8211; option 1 !<\/p>\n<h3 id=\"intermediate\">Option 2 &#8211; La suite : Configurer son logiciel GitHub<\/h3>\n<p>Les premi\u00e8res \u00e9tapes sont relativement simples :<\/p>\n<div id=\"attachment_450\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-450\" class=\"size-full wp-image-450\" title=\"inscription sur github\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/step1.png\" alt=\"La premi\u00e8re \u00e9tape de l'initalisation est de se connecter au d\u00e9p\u00f4t distant\" width=\"640\" height=\"241\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/step1.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/step1-300x112.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-450\" class=\"wp-caption-text\">La premi\u00e8re \u00e9tape de l&rsquo;initalisation du logiciel<\/p><\/div>\n<p>La premi\u00e8re \u00e9tape est simple, permettez au logiciel de s&rsquo;identifier pour acc\u00e9der \u00e0 votre compte GitHub en lui donnant votre couple login \/ mot de passe, et identifiez-vous.<br \/>\nL&rsquo;\u00e9tape suivante, <strong>\u00ab\u00a0Configure<\/strong>\u00ab\u00a0, vous permet de constater que vous \u00eates bien connect\u00e9 au bon compte, et l&rsquo;\u00e9tape \u00ab\u00a0<strong>Repositories<\/strong>\u00a0\u00bb vous permet de s\u00e9lectionner le dossier par d\u00e9faut dans lequel git va versionner chacun de vos projets. Par exemple lorsque vous d\u00e9ciderez de cr\u00e9er un nouveau d\u00e9p\u00f4t via l&rsquo;interface du logiciel, l&rsquo;ensemble des fichiers de versionning seront cr\u00e9\u00e9s dans le dossier s\u00e9lectionn\u00e9, dans un r\u00e9pertoire au nom de votre projet. Soyez rassur\u00e9, rien n&rsquo;est fig\u00e9 dans le marbre, vous pourrez ult\u00e9rieurement modifier ces donn\u00e9es via le menu \u00ab\u00a0param\u00e8tres\u00a0\u00bb.<\/p>\n<div id=\"attachment_457\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-457\" class=\"size-full wp-image-457\" title=\"mail github\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mail.png\" alt=\"mail github\" width=\"640\" height=\"292\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mail.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mail-300x136.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-457\" class=\"wp-caption-text\">A l&rsquo;issue de votre inscription, vous devriez recevoir un mail pour confirmer la jonction entre les deux d\u00e9p\u00f4ts.<\/p><\/div>\n<p>Et voil\u00e0 ! Une fois que vous aurez re\u00e7u votre mail, (vous en recevrez un pour chaque machine sur laquelle vous installerez le logiciel), vous pourrez importer vos diff\u00e9rents d\u00e9p\u00f4ts git distants.<\/p>\n<div id=\"attachment_468\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-468\" class=\"size-full wp-image-468\" title=\"not Supported\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/notSupported.png\" alt=\"SSH Keys with pass phrases are not supported by GitHub for windows. You can try switching the remote to https\" width=\"640\" height=\"176\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/notSupported.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/notSupported-300x82.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-468\" class=\"wp-caption-text\">Message si vous essayez de synchroniser sans avoir re\u00e7u le mail avec sa cl\u00e9 SSH. Soyez donc un minimum patient !<\/p><\/div>\n<p>Voici la marche \u00e0 suivre pour importer vos projets distants :<\/p>\n<h3 id=\"lastStep\">Etape 3 &#8211; option 2 : Importer un projet distant, le retravailler, le synchroniser, le supprimer !<\/h3>\n<div id=\"attachment_459\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-459\" class=\"size-full wp-image-459\" title=\"first\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/first.png\" alt=\"capture d'\u00e9cran du logiciel github une fois initialis\u00e9\" width=\"640\" height=\"243\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/first.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/first-300x113.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-459\" class=\"wp-caption-text\">Une fois initialis\u00e9, vous n&rsquo;avez projet en local. Il va falloir les cloner pour qu&rsquo;ils soient l\u00e0 !<\/p><\/div>\n<p><span style=\"color: #ff0000;\"><strong>1<\/strong><\/span> &gt;Comme son nom l&rsquo;indique, \u00ab\u00a0local\u00a0\u00bb, d\u00e9signe votre machine.<br \/>\n<span style=\"color: #ff0000;\"><strong>2<\/strong><\/span> &gt; +add et \u00ab\u00a0Create one\u00a0\u00bb vous permettent de cr\u00e9er un projet directement sur votre machine (que vous pourrez ensuite transposer sur GitHub, mais notre exemple va davantage se concentrer sur le <span style=\"color: #ff0000;\"><strong>3<\/strong><\/span>), c&rsquo;est-\u00e0-dire les projets distants, sur GitHub (ici, avec le pseudo accol\u00e9).<\/p>\n<p>En cliquant sur l&rsquo;entr\u00e9e \u00ab\u00a0GitHub\u00a0\u00bb, vous acc\u00e9dez donc \u00e0 la liste des d\u00e9p\u00f4ts que vous avez \u00e0 distance.<\/p>\n<div id=\"attachment_462\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-462\" class=\"size-full wp-image-462\" title=\"deuxi\u00e9me \u00e9tape pour importer un projet github\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/second.png\" alt=\"Comment importer un projet GitHub\" width=\"640\" height=\"267\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/second.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/second-300x125.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-462\" class=\"wp-caption-text\">\u00e0 partir de la liste de vos projets distants, il est tr\u00e8s facile de les dupliquer.<\/p><\/div>\n<p>Pour les ajouter sur votre machine, c&rsquo;est tr\u00e8s simple, il vous suffit de cliquer sur le bouton \u00ab\u00a0Clone\u00a0\u00bb.<br \/>\nCel\u00e0 vous duplique donc votre projet en local. Tout est relativement fluide. C&rsquo;est bon, vous avez rempli votre mission, et vous pouvez d\u00e9poser votre bandana de ma\u00eetre karat\u00e9ka ! Pour voir en vrai les fichiers sur votre ordinateur, inutile de se prendre la t\u00eate, le logiciel \u00e0 tout sous la main :<\/p>\n<div id=\"attachment_483\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-483\" class=\"size-full wp-image-483\" title=\"Afficher le r\u00e9pertoire du d\u00e9p\u00f4t qui vient d'\u00eatre dupliqu\u00e9\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/github.png\" alt=\"Afficher le r\u00e9pertoire du d\u00e9p\u00f4t qui vient d'\u00eatre dupliqu\u00e9\" width=\"640\" height=\"694\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/github.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/github-276x300.png 276w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-483\" class=\"wp-caption-text\">Afficher le r\u00e9pertoire du d\u00e9p\u00f4t qui vient d&rsquo;\u00eatre dupliqu\u00e9<\/p><\/div>\n<p>Et paf!, \u00e7a fait des Chocapic ! Vous n&rsquo;avez plus qu&rsquo;\u00e0 \u00e9ditez vos fichiers, les corriger, en ajouter, en supprimer&#8230; bref, comme d&rsquo;hab quoi ! Apr\u00e8s, pour mettre \u00e0 jour, rendez-vous sur la \u00ab\u00a0page\u00a0\u00bb du projet, via le logiciel, et rafra\u00eechissez la page si besoin (comme le navigateur, <strong>F5<\/strong>), puis cliquez sur le menu tout \u00e0 droite sur \u00ab\u00a0uncommited changes &gt; Show\u00a0\u00bb. Cel\u00e0 vous laissera l&rsquo;option de commiter ! Voil\u00e0, c&rsquo;est tout, je vous laisse explorer tout seul comme des grands ce logiciel suffisamment intuitif et ergonomique pour ne pas poser de probl\u00e8me aux moins adroits d&rsquo;entre vous. Mais au cas ou le renard ne serait pas suffisament rus\u00e9 voyez la doc (en anglais) : <a title=\"aide officielle en Anglais !\" href=\"http:\/\/windows.github.com\/help.html\" target=\"_blank\">http:\/\/windows.github.com\/help.html<\/a> !<\/p>\n<h3 id=\"step3option2\">Etape 3 &#8211; option 1 : Importer un projet distant, le retravailler, le synchroniser, le supprimer !<\/h3>\n<p>Vous avez d\u00e9cid\u00e9 de vous passer de ce carcan qu&rsquo;est un logiciel pour vous concentrer sur la ma\u00eetrise de la ligne de commande. Bravo, c&rsquo;est un choix qui se d\u00e9fend. Je ne trollerai pas sur le fait de savoir quel est la meilleurs solution ici. Voici simplement la marche \u00e0 suivre. D&rsquo;abord, lancer MSysGit, puis&#8230;<\/p>\n<div id=\"attachment_470\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-470\" class=\"size-full wp-image-470\" title=\"mSysGitclone\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mSysGitclone.png\" alt=\"Cloner un d\u00e9pot en ligne de commande sur windows\" width=\"640\" height=\"459\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mSysGitclone.png 640w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2012\/06\/mSysGitclone-300x215.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><p id=\"caption-attachment-470\" class=\"wp-caption-text\">Cloner un d\u00e9pot en ligne de commande sur windows<\/p><\/div>\n<p><span style=\"color: #ff0000;\"><strong>1<\/strong><\/span> &gt; Rendez-vous dans le r\u00e9pertoire de votre PC dans lequel vous souhaitez dupliquer le projet. Utilisez les commandes unix <em>ls<\/em> et <em>cd<\/em> pour vous rep\u00e9rer facilement.<br \/>\n<span style=\"color: #ff0000;\"><strong>2<\/strong><\/span> &gt; <em>git clone<\/em> est LA commande pour simplement dupliquer un d\u00e9p\u00f4t l\u00e0 o\u00f9 vous le souhaitez. \u00c0 cette commande, joignez l&rsquo;adresse du d\u00e9p\u00f4t. C&rsquo;est l\u00e0 que l&rsquo;utilit\u00e9 de l&rsquo;adresse laiss\u00e9e sur le site prend tout son sens. Choisissez SSH, c&rsquo;est la version s\u00e9curis\u00e9e. Il se peut qu&rsquo;au sein d&rsquo;une entreprise ou \u00e0 cause d&rsquo;un antivirus trop exigeant, vous soyez oblig\u00e9 de passer par du http. Dans ce cas-l\u00e0, il vous faudra syst\u00e9matiquement rentrer vos mots de passe et login, ce qui devient rapidement p\u00e9nible&#8230;<br \/>\n<span style=\"color: #ff0000;\"><strong>3<\/strong><\/span> &gt; And \u00ab\u00a0Voil\u00e0\u00a0\u00bb ! Si vous vous rendez dans le dossier que vous avez choisi, vous verrez votre projet, accompagn\u00e9 de son petit dossier git qui contient tous les logs de versionning ! Mission r\u00e9ussie en 2 lignes de commandes !<\/p>\n<p>Maintenant, pour modifier vos deux d\u00e9p\u00f4t, il suffira de faire des \u00ab\u00a0push\u00a0\u00bb sur \u00ab\u00a0master\u00a0\u00bb, tout simplement ! Comme pr\u00e9venu, vous devez \u00eatre habitu\u00e9 \u00e0 la manipulation de git pour ce faire !<br \/>\nMais comme je ne suis pas ingrat, voici les lignes de commandes les plus simples, mais essentielles pour faire un peu de git, en mode \u00ab\u00a0geek\u00a0\u00bb :<\/p>\n<pre>git status <span style=\"color: #767676;\">\/\/Permet de lister les fichiers et dossiers, et ainsi de voir lesquels ont besoin d'\u00eatre commit\u00e9, push\u00e9, etc.<\/span>\r\ngit add <span style=\"color: #f00;\">nom_du_fichier.ext<\/span> <span style=\"color: #767676;\">\/\/Permet d'ajouter un fichier ou un dossier \u00e0 un d\u00e9pot.<\/span>\r\ngit commit -m <span id=\"credits\" style=\"color: #c600ff;\">\"commentaire entre quotes\"<\/span> <span style=\"color: #f00;\">nom_du_fichier.ext<\/span> <span style=\"color: #767676;\">\/\/Permet de mettre un fichier \/ dossier sur le d\u00e9p\u00f4t<\/span>\r\ngit push origin master <span style=\"color: #767676;\">\/\/Permet de fusionner la branche locale et distante. Le premier param\u00e8tre \"origin\" ciblant le \"remote\", c'est \u00e0 dire le serveur distant (GitHub en l\u2019occurrence), Le second param\u00e8tre une r\u00e9f\u00e9rence locale, et en g\u00e9n\u00e9ral c\u2019est une branche (en g\u00e9n\u00e9ral <strong>master<\/strong>). Si vous ne p <\/span><\/pre>\n<p>Ce sera tout pour aujourd&rsquo;hui ! Il vous reste plus qu&rsquo;\u00e0 geeker, \u00e0 coder heureux et avoir de nombreux petits projets !<br \/>\nUn petit guide pratique pour la manipulation de git (traduction de l&rsquo;anglais) :<br \/>\n<a title=\"Guide de git\" href=\"http:\/\/rogerdudler.github.com\/git-guide\/index.fr.html\">http:\/\/rogerdudler.github.com\/git-guide\/index.fr.html<\/a><br \/>\nMerci \u00e0 <a title=\"Site de Pierre Bertet\" href=\"http:\/\/pierrebertet.net\" target=\"_blank\">Pierre<\/a> pour son aide tout au long de mon apprentissage de Git !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous connaissez GitHub ? GitHub, c&rsquo;est le truc \u00e0 la mode pour tout bon technicien qui se respecte ! Si vous ressentez le besoin d&rsquo;\u00eatre \u00ab\u00a0\u00e0 la page\u00a0\u00bb, il est temps pour vous de vous mettre \u00e0 GitHub ! C&rsquo;est libre, gratuit, et on dort beaucoup mieux apr\u00e8s !<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,5],"tags":[],"class_list":["post-393","post","type-post","status-publish","format-standard","hentry","category-astuces","category-boulot"],"_links":{"self":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":97,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"predecessor-version":[{"id":1008,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts\/393\/revisions\/1008"}],"wp:attachment":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}