davidbgk
/
larlet-fr-david-cache
ウォッチ 1
スター 0
フォーク 0
コード リリース 0 アクティビティ
A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
224 コミット
1 ブランチ
ツリー: f8f4c58548
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'f8f4c58548' から
${ noResults }
larlet-fr-david-cache/cache/1cad71d948ab1aee73e88a73a01.../index.html

index.html 57KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935 
  1. <!doctype html><!-- This is a valid HTML5 document. -->

  2. <!-- Screen readers, SEO, extensions and so on. -->

  3. <html lang=fr>

  4. <!-- Has to be within the first 1024 bytes, hence before the <title>

  5.   See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->

  6. <meta charset=utf-8>

  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->

  8. <!-- The viewport meta is quite crowded and we are responsible for that.

  9.   See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->

  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">

  11. <!-- Required to make a valid HTML5 document. -->

  12. <title>30 options de commande Git qui gagnent à être connues (archive) — David Larlet</title>

  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">

  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">

  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">

  17. <link rel="manifest" href="/manifest.json">

  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">

  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">

  20. <meta name="apple-mobile-web-app-title" content="David Larlet">

  21. <meta name="application-name" content="David Larlet">

  22. <meta name="msapplication-TileColor" content="#da532c">

  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">

  24. <meta name="theme-color" content="#f0f0ea">

  25. <!-- That good ol' feed, subscribe :p. -->

  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  27. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="http://www.git-attitude.fr/2014/09/15/30-options-git-qui-gagnent-a-etre-connues/">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   30 options de commande Git qui gagnent à être connues (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="http://www.git-attitude.fr/2014/09/15/30-options-git-qui-gagnent-a-etre-connues/">Source originale du contenu</a></h3>

  463.     <p>Vous croyez connaître Git ? Peut-être bien…  Et pourtant, je parierais ma chemise<sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup> que pas mal de petites options sympathiques vous sont inconnues.</p>

  464. 

  465. <p>En effet, au fil des versions de Git, beaucoup de petites options font surface, soit pour des raisons de confort, soit pour de la puissance brute.  Mais comme ce n’est pas une nouvelle commande, ou pas trop mis en avant dans les annonces de sortie, ça passe sous le radar.</p>

  466. 

  467. <p>Je vous ai sélectionné une trentaine d’options, répartie sur une quinzaine de commandes, qui rendent la vie plus belle quand on fait du Git.  Voici une excellente manière de rentabiliser les prochaines minutes !</p>

  468. 

  469. <p><em>(The English version of this is <a href="https://medium.com/@porteneuve/30-git-cli-options-you-should-know-about-15423e8771df">on Medium</a>)</em></p>

  470. 

  471. <p>J’indique intentionnellement, le plus souvent, l’option que je vais détailler dans le titre de la section.  Cependant, n’en profitez pas pour sauter le texte sous prétexte que vous avez déjà vu l’option : il se peut que je l’utilise sur une commande, ou pour une raison, que vous n’avez pas vue venir !  Et puis, j’ajoute souvent des infos complémentaires sur des options corollaires ou des variables de configuration associées.</p>

  472. 

  473. <h2>Staging / unstaging partiel avec <code>-p</code></h2>

  474. 

  475. <p>Vous avez ouvert un fichier pour une raison précise, par exemple passer ce fichu tracker en asynchrone…  Et voilà que vous remarquez au passage que des rôles ARIA manquent à certains éléments d’UX, et aussi que le footer est toujours en dur au lieu de dépendre du layout, et que sais-je encore…</p>

  476. 

  477. <p>Au moment de faire le commit, vous vous rendez compte que ce fichier contient une bonne demi-douzaine (si ce n’est plus) de modifications qui <strong>recouvrent plusieurs sujets bien distincts</strong>.  À ce moment-là, trois possibilités :</p>

  478. 

  479. <ul>

  480. <li>Vous faites un bon gros <strong>commit fourre-tout dégueulasse</strong>, avec un message à base de « + » voire, si vous êtes d’humeur flemmasse, le bon vieux « Correctifs », « Plein de modifs », « Plein de trucs »…  C’est gentil de pourrir l’historique comme ça, merci, merci bien.</li>

  481. <li>Vous <strong>copiez-collez le fichier</strong> quelque part puis enquillez les <em>Undo</em>, si tant est que ça soit possible, pour ne garder ensuite que le premier sujet, committer, puis ré-appliquer le 2ème, committer, puis le 3ème…  Tout ça à la main, bien entendu.  <strong>Probabilité de gaufrage : 99%.</strong></li>

  482. <li>Vous nous lisez ou allez à nos formations, et vous connaissez <code>-p</code> !</li>

  483. </ul>

  484. 

  485. <p>La commande <code>git add -p</code> est en fait un affinage de <code>git add -i</code> : elle pré-sélectionne <strong>le mode <em>patch</em> de l’ajout interactif</strong>.  Dans la pratique, vous indiquez aussi le fichier, pour faire bonne mesure.  Par exemple :</p>

  486. 

  487. <p>J’en profite pour vous rappeler que <code>git add</code> ne sert <strong>pas</strong> à mettre sous gestion de version, mais plutôt à <strong><em>stager</em></strong> une modification, c’est-à-dire à la valider pour le prochain commit.</p>

  488. 

  489. <p>Lorsque vous faites un tel ajout, Git va auto-découper le contenu en <em>hunks</em>, en groupes de modifications, par proximité dans le fichier, en se basant sur les lignes inchangées pour faire sa découpe.  Si vos modifs sont trop proches, il sera sans doute tenté de ne pas pré-découper, et vous devrez le faire vous-mêmes avec la commande <code>s</code> (Git vous proposera une pléthore de commandes par leur initiale en bas d’affichage ; dans le doute, utilisez <code>?</code> pour afficher l’aide), pour <em>split</em> (découper).</p>

  490. 

  491. <p>Notez que même si vous avez des modifs <em>adjacentes</em> (sur des lignes qui se suivent immédiatement, sans ligne inchangée pour la découpe), vous pouvez éditer à la volée le <em>hunk</em> pour l’amener à la version que vous voulez <em>stager</em>, en utilisant la commande <code>e</code> (<em>edit</em>) pour ce faire.  C’est un peu comme du Photoshop express sur la photo du fichier qui part en <em>stage</em>.  En fait, si vous savez d’entrée de jeu que le fichier que vous allez <em>stager</em> contient des modifs adjacentes à retoucher, vous pouvez utiliser <code>-e</code> au lieu de <code>-p</code> pour présélectionner ce mode retouche, mais vous n’aurez alors pas la découpe automatique des <em>hunks</em> pour vous.</p>

  492. 

  493. <p>À l’issue de l’opération, votre fichier apparaîtra normalement <strong>à la fois <em>staged</em> et <em>modified</em></strong>.  C’est bien normal, car en effet :</p>

  494. 

  495. <ul>

  496. <li>La dernière version committée n’est pas la même que dans le <em>stage</em> : le fichier est donc <em>staged</em></li>

  497. <li>La version dans le <em>stage</em> n’est pas la même que celle dans le <em>working directory</em> : le fichier est donc <em>modified</em>.</li>

  498. </ul>

  499. 

  500. <p>Vous pouvez consulter le diff du <em>stage</em> pour ce fichier avec un <code>git diff --staged index.html</code>.  Si vous voulez carrément voir le <em>snapshot</em> présent dans le <em>stage</em>, plutôt qu’une série de diffs : <code>git show :0:index.html</code>.</p>

  501. 

  502. <p>Du coup, ayez soin de ne pas faire un <code>git commit -a</code> (par exemple <code>git ci -am "Tracker asynchrone"</code>), car ce <code>-a</code> va auto-<em>stager</em> toutes les modifs connues, écrasant au passage le <em>stage</em> « sculpté » que vous aviez mis en place.</p>

  503. 

  504. <p>Enfin, peu de gens savent que <code>git reset</code> aussi a une option <code>-p</code>, qui a exactement la même UX que pour <code>add</code>, mais réalise évidemment l’inverse : elle <em>unstage</em> les <em>hunks</em> retenus.  On l’utilise souvent pour redécouper le dernier commit effectué, en faisant:</p>

  505. 

  506. <p>Les modifs qui nous sont alors présentées sont des annulations de celles réalisées par le dernier commit en date.  On valide les annulations qu’on veut, on amende le commit (voir plus loin), puis on réalise le ou les commits complémentaire(s) qu’on souhaitait effectuer pour la découpe.</p>

  507. 

  508. <p>C’est une manière très « vite et bien » de piloter une découpe de commit au sein d’un <a href="http://www.git-attitude.fr/2014/05/04/bien-utiliser-git-merge-et-rebase/#d-coupe%20au%20laser"><em>rebase</em> interactif</a>, à l’aide d’une commande de script <code>edit</code>.</p>

  509. 

  510. <h2>Prendre en compte les renommages d’un coup avec <code>-A</code></h2>

  511. 

  512. <p>Vous le savez peut-être, par défaut (en tout cas avant la 2.0), <code>git add</code> se comportait en fait comme <code>git add --no-all</code> ou, si vous préférez, <code>git add --ignore-removal</code>.  Il se basait uniquement sur le <em>working directory</em> pour établir sa liste de fichiers à prendre en compte, ce qui comprenait donc :</p>

  513. 

  514. <ul>

  515. <li>Les modifications aux fichiers connus</li>

  516. <li>Les nouveaux fichiers</li>

  517. </ul>

  518. 

  519. <p>En revanche, les fichiers connus de l’index Git et introuvables sur le disque, qui apparaissent donc dans le statut comme supprimés, n’étaient pas traités.</p>

  520. 

  521. <p><strong>C’était gênant pour les renommages ou déplacements</strong>, qui entraînent à la fois une « suppression » de l’ancien chemin de fichier, et l’apparition du nouveau.</p>

  522. 

  523. <p>Pour ça, on a <code>git add -A</code>, ou sa version plus longue, <code>git add --all</code><sup id="fnref:2"><a href="#fn:2" rel="footnote">2</a></sup>.  <strong>Ça prend la totale en compte.</strong>  Lorsque l’index a connaissance des deux mouvements, il peut se rendre compte que c’est un renommage (même si une partie du contenu a bougé par-dessus le marché), ce qui permet notamment de demander plus tard à <code>git log</code> de suivre le fichier à travers ces renommages.</p>

  524. 

  525. <p><strong>À partir de Git 2.0</strong>, c’est le comportement par défaut de <code>git add</code> si on lui précise un chemin (genre <code>git add .</code>).  Au passage autre changement important en 2.0 : avant, si on faisait <code>git add -A</code> sans chemin, ça ne prenait que le répertoire courant et ses sous-dossiers, alors que maintenant, ça prend <em>tout le dépôt</em>, où qu’on soie à l’intérieur.</p>

  526. 

  527. <h2>Entrer dans les répertoires <em>untracked</em> lors du <code>status</code></h2>

  528. 

  529. <p>Vous l’avez sûrement remarqué : quand on rajoute un dossier à son dépôt, <code>git status</code> se contente de nous lister le dossier lui-même comme <em>untracked</em>, et non son contenu.  Imaginons par exemple que je viens de rajouter un super plugin à mon projet, avec un JS et une CSS à l’intérieur :</p>

  530. 

  531. <p><img src="http://www.git-attitude.fr/images/n-options-status-untracked-1.png"/></p>

  532. 

  533. <p>C’est assez pénible, je trouve…  Pourtant, on peut demander à <code>status</code> de rentrer dans les dossiers avec <code>-u</code> :</p>

  534. 

  535. <p><img src="http://www.git-attitude.fr/images/n-options-status-untracked-2.png"/></p>

  536. 

  537. <p>Je trouve d’ailleurs ça tellement pratique que je me suis collé la bonne variable de configuration pour le rendre systématique :</p>

  538. 

  539. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  540. </pre></td><td class="code"><pre><code class=""><span class="line">git config --global status.showUntrackedFiles all</span></code></pre></td></tr></table></div></figure>

  541. 

  542. <h2>Faire des diffs plus utiles</h2>

  543. 

  544. <p>Les diffs fournis par <code>git diff</code>, <code>git log</code> et <code>git show</code>, pour ne citer qu’eux, sont sympa, mais y’a carrément moyen de les améliorer.  En voici trois qui me tiennent particulièrement à cœur :</p>

  545. 

  546. <p>Ou sa version longue, <code>git diff --ignore-all-space</code> (plus explicite, forcément).  Cette option permet aux diff d’ignorer tout changement de whitespace à l’intérieur ou en bordure des lignes, y compris lorsqu’on passe de la présence à l’absence de whitespace, ou inversement (à l’exception de lignes entières : 1+ ligne vide là où on n’en avait aucune, ou inversement).</p>

  547. 

  548. <p>Ça peut te jouer des tours quand tu travailles sur des fichiers à indentation significative, mais pour tous les autres cas, c’est une super manière de « dépolluer » l’affichage pour se concentrer sur les parties utiles.</p>

  549. 

  550. <p>Sans <code>-w</code> :</p>

  551. 

  552. <p><img src="http://www.git-attitude.fr/images/n-options-diff-regular.png"/></p>

  553. 

  554. <p>Avec <code>-w</code> :</p>

  555. 

  556. <p><img src="http://www.git-attitude.fr/images/n-options-diff-w.png"/></p>

  557. 

  558. <p>L’autre option que j’adore a trait au mode d’affichage unitaire des diffs.  Par défaut, on fonctionne par ligne, ce qui est parfois un peu limite :</p>

  559. 

  560. <p><img src="http://www.git-attitude.fr/images/n-options-diff-lines.png"/></p>

  561. 

  562. <p>Il est déjà possible de demander à <code>diff</code> de n’afficher qu’une fois la ligne, en découpant par mot, avec <code>--word-diff</code>, la définition de « mot » étant basée sur la présence de <em>whitespace</em>.  Pour du rédactionnel, ce n’est pas gênant :</p>

  563. 

  564. <p><img src="http://www.git-attitude.fr/images/n-options-diff-words.png"/></p>

  565. 

  566. <p>Si vous trouvez que les cadrages +/- pourrissent un peu l’affichage, vous pouvez utiliser <code>--word-diff=color</code> pour affiner ça.  En fait, on peut même raccourcir ça en <code>--color-words</code> (si c’est pas mignon…).</p>

  567. 

  568. <p><img src="http://www.git-attitude.fr/images/n-options-diff-color-words.png"/></p>

  569. 

  570. <p>Mais ça nous laisse avec un souci lorsqu’on diffe du code, où les <em>whitespaces</em> sont loin d’être les seuls délimiteurs utiles.  Voyez plutôt :</p>

  571. 

  572. <p><img src="http://www.git-attitude.fr/images/n-options-diff-words-suck.png"/></p>

  573. 

  574. <p>Du coup on va préférer indiquer une <a href="http://www.js-attitude.fr/2012/08/13/enfin-maitriser-les-expressions-rationnelles/">regex</a> qui décrit « ce qu’est un mot ».  À l’extrême, on dira « au minimum un caractère, quelconque » avec juste <code>.</code>, mais en cas de découpe résultante excessive, on allongera peut-être, genre <code>.{3,}</code> pour au moins 3 caractères.</p>

  575. 

  576. <p>Ça donnerait une commande un peu longuette : <code>--word-diff=color --word-diff-regex=.</code> ce qui, comme les notes d’examen du <a href="http://fr.wikiquote.org/wiki/La_Cit%C3%A9_de_la_peur">commissaire Bialès</a>, est bien mais pas top.  On préfèrera la version courte :</p>

  577. 

  578. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  579. </pre></td><td class="code"><pre><code class=""><span class="line">git diff --color-words=.</span></code></pre></td></tr></table></div></figure>

  580. 

  581. <p>Démonstration :</p>

  582. 

  583. <p><img src="http://www.git-attitude.fr/images/n-options-diff-words-regex.png"/></p>

  584. 

  585. <p>Notez que si vous souhaitez toujours passer par une telle regex (c’est souvent mon cas), vous pouvez configurer l’option <code>diff.wordRegex</code> à la valeur souhaitée (par exemple <code>.</code>), de sorte que tout type de <em>word diff</em> (<code>--word-diff</code> ou <code>--color-words</code>) sans argument utilisera cette regex (si vous précisez la regex manuellement, la vôtre a naturellement priorité).</p>

  586. 

  587. <h2>Réparer le dernier commit avec <code>--amend</code></h2>

  588. 

  589. <p>Il arrive souvent qu’en lisant le bilan affiché par un <code>git commit</code>, on se rende compte qu’on a fait une bévue : on a oublié un fichier, committé un fichier en trop, ce genre de choses…</p>

  590. 

  591. <p>Une manière simple de corriger le tir, tant qu’on n’a pas <em>pushé</em> ce commit auprès des copains, consiste à se replacer dans la bonne situation (par exemple faire un <code>git add</code>, <code>git reset</code> ou <code>git rm --cached</code> sur le fichier problématique, peut-être accompagné d’un complément dans le <code>.gitignore</code>…) puis à faire :</p>

  592. 

  593. <p>Cette option n’est en fait rien de plus qu’un <code>git reset --soft HEAD^</code> suivi du commit demandé, mais comme la majorité des gens <em>ne maîtrisent pas <code>reset</code></em>, ça facilite ce cas de figure.</p>

  594. 

  595. <p>Notez que, la plupart du temps, le message de commit initial était le bon.  Je doute que vous ayiez dit « Passage à Bootstrap 3.1, et au fait je versionne à tort le mdp root du serveur » dans le commit original.  Du coup, pour vous éviter de retaper le message, ou simplement d’avoir à le revalider dans l’éditeur, vous pouvez faire :</p>

  596. 

  597. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  598. <span class="line-number">2</span>

  599. <span class="line-number">3</span>

  600. <span class="line-number">4</span>

  601. </pre></td><td class="code"><pre><code class=""><span class="line">git commit --amend --no-edit

  602. </span><span class="line">

  603. </span><span class="line"># Ou si vous êtes antérieur à 1.7.9 :

  604. </span><span class="line">git commit --amend -C HEAD</span></code></pre></td></tr></table></div></figure>

  605. 

  606. <p>C’est un cas de figure tellement courant que je vois souvent un alias <code>git oops</code> pour cette commande :-)</p>

  607. 

  608. <p>Dans votre historique, seule la dernière version du commit est visible : c’est comme si vous n’aviez pas dérapé à la base (trop fort !).  La, voire les, anciennes versions du commit sont évidemment toujours présentes dans votre <a href="https://www.atlassian.com/fr/git/tutorial/rewriting-git-history#!reflog">reflog</a>, la maxime générale de Git restant vraie : « si ça a été commité, c’est virtuellement impossible à paumer ».</p>

  609. 

  610. <h2>Fouiller intelligemment les logs avec <code>-S</code> et <code>-G</code></h2>

  611. 

  612. <p>La commande <code>git log</code> est truffée d’options (plus d’une centaine !), dont elle partage la majeure partie avec sa cousine germaine, <code>git diff</code>.</p>

  613. 

  614. <p>Nombre de ces options servent à <strong>filtrer le log</strong> avant même de l’afficher (ce qui est infiniment plus performant et pratique que de faire un <code>grep</code> par-dessus) : filtrage sur dates, chemins, branches, auteurs et committers, messages de commit… mais aussi <strong>contenus des diffs</strong>.</p>

  615. 

  616. <p>Le filtrage sur diffs est extrêmement utile pour <strong>retrouver l’origine d’un code, voire d’un bug</strong>.  Trop de gens ont tendance à passer par <code>git blame</code>, parce qu’ils étaient habitués à <code>svn blame</code>, mais cette commande est tout aussi limitée que sa consœur chez SVN :</p>

  617. 

  618. <ul>

  619. <li>Elle affiche juste quel commit <em>a touché à la ligne en dernier</em>, sans dire pourquoi ; si ça se trouve, ça virait les espaces de fin de ligne, c’est tout</li>

  620. <li>Elle n’affiche <em>que les lignes actuelles</em>, donc si le problème est qu’une ligne a dégagé, ou a été déplacée, ça ne nous aide en rien.</li>

  621. </ul>

  622. 

  623. <p>En revanche, si on filtre le log sur <strong>les contenus des diffs</strong>, on saura effectivement <strong>quel commit a introduit le changement qui nous intéresse</strong>.</p>

  624. 

  625. <p>Si on s’intéresse juste à la présence de la chaîne dans les lignes activecs du diff, peu importe pourquoi et comment, on utilisera plutôt <code>-G</code> (penser alors à échapper les caractères spéciaux de regex) :</p>

  626. 

  627. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  628. </pre></td><td class="code"><pre><code class=""><span class="line">git log -G'Secure_?Random' -2 -- path/to/problematic_file</span></code></pre></td></tr></table></div></figure>

  629. 

  630. <p>(Généralement, dans une telle recherche, on limite aux 1 ou 2 commits les plus récents.)</p>

  631. 

  632. <p>En revanche, si on cherche spécifiquement des diffs qui ont <strong>retiré ou introduit le texte</strong>, on passera par <code>-S</code>, qui ne renvoie que les diffs ayant <strong>changé le nombre d’occurrences</strong> du texte.  Par défaut, <code>-S</code> prend un texte simple, mais si vous voulez une regex, vous pouvez rajouter <code>--pickaxe-regex</code> :</p>

  633. 

  634. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  635. </pre></td><td class="code"><pre><code class=""><span class="line">git log -S'Secure_?Random' --pickaxe-regex -2 -- path/to/problematic_file</span></code></pre></td></tr></table></div></figure>

  636. 

  637. <p>Si vous avez besoin que vos textes, ou regex, soient insensibles à la casse, ajoutez <code>-i</code>.  Les regex sont systématiquement traitées comme de la syntaxe étendue (ERE).  Enfin, si vous souhaitez afficher le diff à la volée (qui peut être lourd, attention), ajoutez comme d’habitude <code>-p</code> (raison de plus pour pré-filtrer sur le fichier qui vous intéresse).</p>

  638. 

  639. <h2>Accélérer les branches avec <code>-b</code>, <code>-v</code> et <code>-vv</code></h2>

  640. 

  641. <p>Alors déjà, si vous ne saviez pas encore que <code>git checkout -b</code> crée la branche cible à la volée, maintenant vous n’avez plus d’excuse.</p>

  642. 

  643. <p>Pourquoi se faire ch… à faire :</p>

  644. 

  645. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  646. <span class="line-number">2</span>

  647. </pre></td><td class="code"><pre><code class=""><span class="line">$ git branch ticket-12

  648. </span><span class="line">$ git checkout ticket-12</span></code></pre></td></tr></table></div></figure>

  649. 

  650. <p>Alors qu’on peut parfaitement faire :</p>

  651. 

  652. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  653. </pre></td><td class="code"><pre><code class=""><span class="line">git checkout -b ticket-12</span></code></pre></td></tr></table></div></figure>

  654. 

  655. <p>Bien sûr, rien ne vous empêche d’indiquer en 2ème argument la base de la branche (par défaut le <code>HEAD</code>, comme pratiquement tout le temps).</p>

  656. 

  657. <p>Notez un cas où le <code>-b</code> est superflu car <code>checkout</code> est super-malin : lorsque vous voulez commencer à bosser sur la branche <code>super-feature</code> présente sur le <em>remote</em>, et que vous n’avez donc pas encore de branche locale qui la tracke.  Si vous faites tout bêtement :</p>

  658. 

  659. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  660. </pre></td><td class="code"><pre><code class=""><span class="line">git checkout super-feature</span></code></pre></td></tr></table></div></figure>

  661. 

  662. <p>Git va se rendre compte que la branche locale <code>super-feature</code> n’existe pas, mais qu’il y en a une sur le <em>remote</em> par défaut, et va <strong>automatiquement</strong> faire l’équivalent de ceci (en supposant que votre <em>remote</em> par défaut s’appelle <code>origin</code>, ce qui est généralement le cas) :</p>

  663. 

  664. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  665. </pre></td><td class="code"><pre><code class=""><span class="line">git checkout -b -t super-feature origin/super-feature</span></code></pre></td></tr></table></div></figure>

  666. 

  667. <p>Pourquoi faire long quand on peut faire court, hein ?</p>

  668. 

  669. <p>Parlons à présent de <code>-v</code> et sa version agressive, <code>-vv</code>.</p>

  670. 

  671. <p>Vous avez sans doute l’habitude  lister vos branches locales avec un simple <code>git branch</code> :</p>

  672. 

  673. <p><img src="http://www.git-attitude.fr/images/n-options-git-branch-simple.png"/></p>

  674. 

  675. <p>Saviez-vous qu’en fait vous pouvez avoir un peu plus d’infos (SHA, écart avec l’upstream éventuel, première ligne du message de commit) avec <code>-v</code> ?</p>

  676. 

  677. <p><img src="http://www.git-attitude.fr/images/n-options-git-branch-v.png"/></p>

  678. 

  679. <p>Et même vérifier l’upstream tracké en poussant jusqu’à <code>-vv</code> ?</p>

  680. 

  681. <p><img src="http://www.git-attitude.fr/images/n-options-git-branch-vv.png"/></p>

  682. 

  683. <p>Sympa, non ?  En temps normal le nom de l’upstream est en bleu, mais ça pue sur du noir, j’ai donc configuré <code>color.branch.upstream</code> à <code>cyan</code>…</p>

  684. 

  685. <h2>Une aide plus facile d’emploi avec <code>-w</code></h2>

  686. 

  687. <p>Les <em>manpages</em>, c’est bien, facile, et ça marche de partout, y compris au travers d’une connexion SSH. … Enfin, presque partout.  Certains environnements ne gèrent pas très bien <code>man</code>.</p>

  688. 

  689. <p>Et puis, la grande majorité des gens ne savent pas utiliser interactivement <code>man</code> autrement que pour défiler à travers le contenu (et encore).  Le recours aux hyperliens, notamment, est extrêmement rare.</p>

  690. 

  691. <p><strong>Git publie toutes ses documentations</strong> non seulement au format <code>man</code> mais aussi <strong>au format HTML</strong>, un type de document utilisable par tous, liens compris.  Pour y recourir, il suffit d’utiliser l’option <code>-w</code> de <code>git help</code> :</p>

  692. 

  693. <p>Sur certains environnements (l’installeur officiel pour Windows, je crois), c’est d’ailleurs le mode <strong>automatique</strong>.  Si vous souhaitez vous aussi fonctionner comme ça, vous pouvez configurer ça dans votre config globale :</p>

  694. 

  695. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  696. </pre></td><td class="code"><pre><code class=""><span class="line">git config --global help.format html</span></code></pre></td></tr></table></div></figure>

  697. 

  698. <p>Si le navigateur employé par défaut ne vous convient pas (déterminé par <code>git-web--browse</code>, qui en connaît une tera-chiée), vous pouvez configurer <code>help.browser</code> avec la commande ou le chemin d’invocation de celui que vous désirez.</p>

  699. 

  700. <p>Notez que ces contenus restent locaux (fichiers HTML installés par Git), vous n’avez donc même <strong>pas besoin d’une connexion à Internet</strong>.</p>

  701. 

  702. <h2>Stasher plus efficacement avec <code>save</code> et <code>-u</code></h2>

  703. 

  704. <p><strong>Trop de gens ne connaissent pas <a href="http://git-scm.com/docs/git-stash"><code>git stash</code></a></strong>, et ceux qui le connaissent ont rarement fait l’effort d’en lire la doc pour apprendre à <strong>bien l’utiliser</strong>.  Je vois la plupart des gens juste faire un <code>git stash</code> en amont, et un <code>git stash apply</code> en aval.</p>

  705. 

  706. <p>Le comportement par défaut de <code>stash</code> est assez pénible :</p>

  707. 

  708. <ol>

  709. <li>Il laisse de côté les <em>untracked</em>, ce qui est rarement désirable</li>

  710. <li>Il fournit un message pourri par défaut (genre <code>WIP on master: &lt;message du dernier commit connu&gt;</code>)</li>

  711. </ol>

  712. 

  713. <p>Un tel message n’a aucun intérêt, vu qu’il <strong>ne précise pas la nature du <em>work in progress</em></strong> (WIP), ce qui rend difficile l’identification du stash par la suite.</p>

  714. 

  715. <p>Pour pouvoir régler ces deux points, il suffit de recourir explicitement à la <strong>sous-commande <code>save</code>, avec l’option <code>-u</code></strong> d’une part (pour intégrer les <em>untracked</em>), et le message voulu d’autre part.  Par exemple :</p>

  716. 

  717. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  718. </pre></td><td class="code"><pre><code class=""><span class="line">git stash save -u 'Début du refactoring Bootstrap 3'</span></code></pre></td></tr></table></div></figure>

  719. 

  720. <p>On se retrouve alors sur un <em>clean tree</em> : le contenu du HEAD, plus les éventuels fichiers ignorés.</p>

  721. 

  722. <p>Il est tout aussi important de <strong>bien récupérer le stash obtenu</strong> lorsqu’on aura fini de traiter l’urgence qui nous l’a fait créer à la base.</p>

  723. 

  724. <p>Beaucoup de gens font <code>git stash apply</code>, ce qui est un peu dommage parce qu’en cas de succès (pas de conflit avec le nouvel état de base), le stash continue d’exister, ce qui pourrait nous tenter plus tard de le réappliquer, à tort évidemment.</p>

  725. 

  726. <p>Ce qu’il faudrait en fait, c’est que si l’<code>apply</code> marche, on exécute automatiquement le <code>drop</code>.  Et c’est précisément le sens de <code>git stash pop</code>.</p>

  727. 

  728. <p>Contrairement à ce que son nom peut laisser penser, celui-ci ne se limite pas au dernier stash existant : on peut en préciser un autre (par exemple <code>git stash pop stash@{2}</code>).  Ceci dit, je trouve que <strong>les stashes ne devraient exister que très peu de temps</strong>, pour contourner une situation complexe ou un obstacle, et qu’on ne devrait donc pratiquement jamais en avoir plusieurs.</p>

  729. 

  730. <p>Par ailleurs, il est dommage que <code>apply</code> et <code>pop</code> ne restaurent pas, par défaut, l’état du <em>stage</em>.  Celui-ci est pourtant bien sauvegardé par <code>save</code>, toujours par défaut.  Alors pourquoi ne pas le restaurer d’office, dans la mesure où le <em>stage</em> est une info importante ?</p>

  731. 

  732. <p>C’est parce que la commande est peureuse : si vous avez modifié un fichier figurant dans le <em>stage</em> du stash, elle serait contrainte de fusionner les deux et de re-<em>stager</em> le résultat.  Git fait ce genre de choses d’habitude (suite à un <code>merge</code>, <code>rebase</code> ou <code>cherry-pick</code> par exemple, avec ou sans assistance de <code>rerere</code>), mais sur ce coup, il le refusera.</p>

  733. 

  734. <p>Du coup, pour ne pas avoir à hurler <em>en cas de fusion portant sur le stage</em>, par défaut, il ne restaure pas ce dernier : les snapshots concernés redeviennent de simples modifs locales sur le disque.</p>

  735. 

  736. <p>Ça m’exaspère au plus haut point, de sorte que <strong>je lui demande toujours explicitement de tenter la restauration du <em>stage</em></strong>.  Au pire, si j’ai en effet un souci car j’aurais modifié un fichier par ailleurs <em>staged</em>, je retirerai mon option et reconstruirai mon <em>stage</em> manuellement.  J’utilise donc systématiquement l’option <code>--index</code> :</p>

  737. 

  738. <p>Il n’existe hélas pas de variable de configuration pour systématiser ce comportement…</p>

  739. 

  740. <p>Ah oui, et puis il est <strong>très facile d’oublier qu’on a stashé</strong> : pensez à avoir <a href="http://www.git-attitude.fr/2013/05/22/prompt-git-qui-dechire/">un bon prompt</a> avec la variable d’environnement <code>GIT_PS1_SHOWSTASHSTATE</code> activée.</p>

  741. 

  742. <h2>La précédente branche active : <code>-</code></h2>

  743. 

  744. <p>Vous savez peut-être que dans les shells usuels, <code>cd -</code> vous permet de revenir au répertoire précédent (du coup, l’utilisation répétée de la commande bascule entre deux répertoires).</p>

  745. 

  746. <p>Au fil des versions, Git a successivement appris cette astuce pour les commandes <code>checkout</code>, <code>merge</code>, <code>cherry-pick</code> et <code>rebase</code>.  Voici un schéma classique :</p>

  747. 

  748. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  749. <span class="line-number">2</span>

  750. </pre></td><td class="code"><pre><code class=""><span class="line">(topic)  $ git checkout master

  751. </span><span class="line">(master) $ git merge -</span></code></pre></td></tr></table></div></figure>

  752. 

  753. <p>Encore un autre :</p>

  754. 

  755. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  756. <span class="line-number">2</span>

  757. <span class="line-number">3</span>

  758. </pre></td><td class="code"><pre><code class=""><span class="line">(2-3-stable +) $ git ci -m "fix: no more conflict with Underscore.  Fixes #217."

  759. </span><span class="line">(2-3-stable)   $ git checkout master

  760. </span><span class="line">(master)       $ git cherry-pick -</span></code></pre></td></tr></table></div></figure>

  761. 

  762. <p>Si vous êtes sur une version qui n’a pas cette astuce pour votre commande (<a href="http://www.git-attitude.fr/2014/08/28/git-evolutions-recentes/">vérifiez</a>), ou que vous en avez besoin pour une commande qui ne gère pas encore la syntaxe, n’oubliez pas que c’est juste du sucre syntaxique pour la syntaxe bien plus ancienne et universelle <code>@{-1}</code>.</p>

  763. 

  764. <h2>Annuler le merge en cours sans effacer les modifs locales</h2>

  765. 

  766. <p><strong>Git n’a pas besoin d’un <em>clean tree</em></strong> pour autoriser une fusion : il lui suffit que le <em>working directory</em> (WD) soit <a href="http://git-scm.com/docs/git-merge#_pre_merge_checks"><em>in good order</em></a>, c’est-à-dire, principalement, que les fichiers qui vont être touchés par la fusion ne fassent pas actuellement l’objet de modifs locales, et d’autre part qu’il n’y ait pas déjà un <em>stage</em> en cours (pour éviter à terme un commit fourre-tout).</p>

  767. 

  768. <p>Du coup, lorsque vous vous retrouvez à arbitrer des conflits de fusion, vous pouvez avoir sous la main des modifs issues de conflits de fusion, mais aussi d’autres qui étaient là avant de lancer <code>git merge</code>.</p>

  769. 

  770. <p>Si vous abandonnez la fusion faute d’informations suffisantes, il peut être tentant de faire un bon vieux <code>git reset --hard</code>.  Ce serait en fait <strong>dangereux</strong>, parce que ça purgerait aussi les modifs locales qui étaient là <strong>avant le <code>merge</code></strong>.</p>

  771. 

  772. <p>C’est pourquoi il est possible de faire un <code>git reset --merge</code> (ou la syntaxe plus récente <code>git merge --abort</code>, qui ressemble à son équivalent pour le <code>rebase</code>) : vous ne réinitialiserez alors <strong>que ce qui vient de la fusion</strong>.</p>

  773. 

  774. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  775. <span class="line-number">2</span>

  776. <span class="line-number">3</span>

  777. <span class="line-number">4</span>

  778. <span class="line-number">5</span>

  779. <span class="line-number">6</span>

  780. <span class="line-number">7</span>

  781. </pre></td><td class="code"><pre><code class=""><span class="line">(master *) $ git merge cool-feature

  782. </span><span class="line">Auto-merging index.html

  783. </span><span class="line">CONFLICT (content): Merge conflict in index.html

  784. </span><span class="line">Automatic merge failed; fix conflicts and then commit the result.

  785. </span><span class="line">

  786. </span><span class="line">(master *+) $ git merge --abort

  787. </span><span class="line">(master *)  $</span></code></pre></td></tr></table></div></figure>

  788. 

  789. <p>C’est en fait même faisable <strong>après une fusion réussie</strong> !</p>

  790. 

  791. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  792. <span class="line-number">2</span>

  793. <span class="line-number">3</span>

  794. <span class="line-number">4</span>

  795. <span class="line-number">5</span>

  796. <span class="line-number">6</span>

  797. <span class="line-number">7</span>

  798. <span class="line-number">8</span>

  799. </pre></td><td class="code"><pre><code class=""><span class="line">(master *) $ git merge cool-feature

  800. </span><span class="line">Auto-merging index.html

  801. </span><span class="line">Merge made by the `recursive` strategy.

  802. </span><span class="line">[afbd564] Merged `cool-feature` branch

  803. </span><span class="line">

  804. </span><span class="line">(master *) $ git reset --merge ORIG_HEAD

  805. </span><span class="line">[ac3489b] Original master tip

  806. </span><span class="line">(master *) $</span></code></pre></td></tr></table></div></figure>

  807. 

  808. <p>La classe, non ?  Ça nous évite du stash, tout ça…</p>

  809. 

  810. <h2>Éviter de flinguer un <em>merge</em> en le <em>rebasant</em></h2>

  811. 

  812. <p>Le <em>rebasing</em> est décidément <a href="http://www.git-attitude.fr/2014/05/04/bien-utiliser-git-merge-et-rebase/">un super couteau suisse</a>, avec juste un petit risque potentiel : par défaut, <strong>lorsqu’il <em>rebase</em> un commit de fusion, il <em>inline</em> la fusion</strong>.  En gros, on court le risque suivant (ici illustré au travers d’un <code>pull</code> qui <em>rebase</em> au lieu de fusionner) :</p>

  813. 

  814. <p><img src="http://www.git-attitude.fr/images/git-merge-rebase-inlining.png" title="&quot;Un exemple d’inlining fortuit d’un commit de fusion lors du rebase&quot;" alt="&quot;Un exemple d’inlining fortuit d’un commit de fusion lors du rebase&quot;"/></p>

  815. 

  816. <p>Pour éviter ça, il suffit de demander au <em>rebase</em> de <strong>préserver les fusions</strong>, à l’aide de l’option <code>-p</code>, ou sa version longue <code>--preserve-merges</code>.</p>

  817. 

  818. <p><img src="http://www.git-attitude.fr/images/git-merge-rebase-preserved.png" title="&quot;Un rebase qui préserve les fusions&quot;" alt="&quot;Un rebase qui préserve les fusions&quot;"/></p>

  819. 

  820. <p>Évitez toutefois de combiner avec des réordonnancements en mode interactif, <a href="http://git-scm.com/docs/git-rebase#_bugs">ça donnerait des résultats inattendus</a>.</p>

  821. 

  822. <h2>Être un ninja avec le rebase <code>-i</code></h2>

  823. 

  824. <p>C’est en mode interactif que le <em>rebase</em> donne <strong>toute sa mesure</strong>, le cas d’utilisation pluri-quotidien étant le réflexe de bonne pratique qui consiste à toujours évaluer son historique local avant un <em>push</em>, et à le <a href="http://www.git-attitude.fr/2014/05/04/bien-utiliser-git-merge-et-rebase/#nettoyer-son%20historique%20local%20avant%20envoi">mettre au propre</a> si besoin, à l’aide d’un <code>git rebase -i @{u}</code>.</p>

  825. 

  826. <p>Purge de commits à somme nulle (genre l’original et son <em>revert</em>), réordonnancement de commits, fusion de tentatives successives pour un même correctif, réécriture des messages, découpe de commits fourre-tout…  <a href="http://www.git-attitude.fr/2014/05/04/bien-utiliser-git-merge-et-rebase/#nettoyer-son%20historique%20local%20avant%20envoi">Tout est possible</a>.</p>

  827. 

  828. <h2>Nettoyer sereinement avec <code>-i</code> et <code>-n</code></h2>

  829. 

  830. <p>La commande <code>git clean</code> est bien utile, mais <strong>potentiellement destructrice</strong> : en effet, elle impacte le <em>working directory</em> (WD) et, du coup, peut <strong>dégager des modifs locales qui n’ont jamais été committées</strong>, de sorte que si on a fait une bévue, Git ne pourra pas nous aider à récupérer ce travail !</p>

  831. 

  832. <p>Par défaut d’ailleurs, <code>git clean</code> est une <em>no-op</em>, car <code>clean.requireForce</code> est à <code>true</code>, il faut donc au moins un <code>git clean -f</code> pour envoyer la purée ; et même ça, ça n’entrera pas dans les sous-répertoires (sauf <code>-d</code>), et laissera de côté les fichiers ignorés (sauf <code>-x</code>).</p>

  833. 

  834. <p>Vous avez toutefois la possibilité de <strong>voir à quoi ressemblera votre <code>clean</code> sans aucun risque</strong>, avec la traditionnelle option <code>-n</code> (ou <code>--dry-run</code>), présente sur de nombreuses commandes Git, qui listera les fichiers et dossiers qui seraient supprimés si elle n’était pas là, mais se bornera, justement, à les lister.</p>

  835. 

  836. <p>Et pour passer à l’action, vous pouvez vous <strong>tranquilliser encore</strong> en utilisant <code>-i</code> (le traditionnel <code>--interactive</code>), qui vous proposera une sorte de shell listant les candidats à la suppression, et permet de les filtrer, de confirmer pour chaque, etc.  Plus d’angoisse !</p>

  837. 

  838. <h2>Caler l’upstream à la volée avec <code>-u</code></h2>

  839. 

  840. <p>Vous <em>pushez</em> une branche pour la première fois ?  Il vous faudra toujours expliciter le <em>remote</em> voulu (même si vous n’en avez qu’un de défini) et la branche souhaitée (même si elle est active), par exemple <code>git push origin topic</code>.</p>

  841. 

  842. <p>Toutefois, ce simple <code>push</code> <strong>ne met pas en place le <em>tracking</em></strong> : la configuration locale de votre dépôt ne retient pas l’association entre votre branche locale <code>topic</code> et son <em>upstream</em>, ici la branche <code>topic</code> du <em>remote</em> <code>origin</code>.</p>

  843. 

  844. <p>Pour y remédier, vous pouvez à tout moment refaire ce <code>push</code> en précisant <code>-u</code> (ou <code>--set-upstream</code>), qui calera cette configuration avant le <em>push</em> proprement dit, afin que vous n’ayez plus besoin de préciser tout ça lors des futurs <code>push</code> et <code>pull</code>.</p>

  845. 

  846. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  847. </pre></td><td class="code"><pre><code class=""><span class="line">git push -u origin topic</span></code></pre></td></tr></table></div></figure>

  848. 

  849. <p>En interne, ça fait un <code>git branch --set-upstream-to=origin/topic topic</code>, ce que vous pouvez donc faire à la main si vous souhaitez le <strong>configurer sans <em>pusher</em> tout de suite</strong> pour autant.</p>

  850. 

  851. <p>Pour rappel, vous n’êtes pas obligés de connecter votre branche locale à une branche distante homonyme : si les noms doivent différer, il vous suffira de connecter l’<em>upstream</em> en utilisant la <strong>syntaxe totale de <code>push</code></strong>, par exemple ici pour avoir une branche distante <code>christophe-topic</code> pour ma branche locale <code>topic</code> :</p>

  852. 

  853. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  854. </pre></td><td class="code"><pre><code class=""><span class="line">git push -u origin topic:christophe-topic</span></code></pre></td></tr></table></div></figure>

  855. 

  856. <p>C’est d’ailleurs pour cette raison que la syntaxe de <strong>suppression de branche distante</strong> est :</p>

  857. 

  858. <figure class="code"><div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers"><span class="line-number">1</span>

  859. </pre></td><td class="code"><pre><code class=""><span class="line">git push origin :old-remote-branch</span></code></pre></td></tr></table></div></figure>

  860. 

  861. <p>Elle revient à dire « remplacer la branche distante <code>old-remote-branch</code> par rien du tout »… donc la supprimer.</p>

  862. 

  863. <h2>Ah tiens, 36 en fait</h2>

  864. 

  865. <p>Eh oui, 36 options finalement (sans compter les variations courte/longue).  Et 4 variables de configuration (plus une d’environnement).  Que voulez-vous, on est comme ça chez Git Attitude, on donne, on donne…</p>

  866. 

  867. <h2>Envie d’en savoir plus ?</h2>

  868. 

  869. <p>Déjà, vous pouvez voir par le menu <a href="http://www.git-attitude.fr/2014/08/28/git-evolutions-recentes/">tout ce qui est apparu d’intéressant dans Git depuis la 1.7</a>, grâce à notre article dédié.  Vous pouvez aussi aller fouiller dans le détail <a href="http://www.git-attitude.fr/2014/05/04/bien-utiliser-git-merge-et-rebase/">la bonne utilisation de merge vs. rebase</a>, si ce n’est déjà fait.</p>

  870. 

  871. <p>Mais surtout, notre formation <a href="http://www.git-attitude.fr/git-total/">Git Total</a> explore ces thématiques et bien d’autres pour vous donner une compréhension en profondeur de Git, vous transformant en experts en seulement 3 jours, pour un tarif très raisonnable !  Disponible en inter-entreprises tous les 2 mois (hors été) et en intra-entreprises <a href="http://www.git-attitude.fr/demander-une-intra-ou-custom">sur demande</a>.</p>

  872.   </article>

  873. </section>

  874. 

  875. 

  876. <nav id="jumpto">

  877.   <p>

  878.     <a href="/david/blog/">Accueil du blog</a> |

  879.     <a href="http://www.git-attitude.fr/2014/09/15/30-options-git-qui-gagnent-a-etre-connues/">Source originale</a> |

  880.     <a href="/david/stream/2019/">Accueil du flux</a>

  881.   </p>

  882. </nav>

  883. 

  884. <footer>

  885.   <div>

  886.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  887.     <p>

  888.       Bonjour/Hi!

  889.       Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>

  890.       Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).

  891.     </p>

  892.     <p>

  893.       Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.

  894.     </p>

  895.     

  896.     <p>

  897.       Voici quelques articles choisis :

  898.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  899.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  900.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  901.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  902.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  903.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  904.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  905.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  906.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  907.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  908.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  909.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  910.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  911.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  912.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  913.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  914.     </p>

  915.     <p>

  916.       On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.

  917.     </p>

  918.     <p>

  919.       Je ne traque pas ta navigation mais mon

  920.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  921.       conserve des logs d’accès.

  922.     </p>

  923.   </div>

  924. </footer>

  925. <script type="text/javascript">

  926.   ;(_ => {

  927.     const jumper = document.getElementById('jumper')

  928.     jumper.addEventListener('click', e => {

  929.       e.preventDefault()

  930.       const anchor = e.target.getAttribute('href')

  931.       const targetEl = document.getElementById(anchor.substring(1))

  932.       targetEl.scrollIntoView({behavior: 'smooth'})

  933.     })

  934.   })()

  935. </script>