-
Notifications
You must be signed in to change notification settings - Fork 1
/
un-ghid-ilustrat-pentru-git-pe-platforma-windows.html
841 lines (766 loc) · 34.5 KB
/
un-ghid-ilustrat-pentru-git-pe-platforma-windows.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="AsciiDoc 8.5.2" />
<title>Un ghid ilustrat pentru Git pe platforma Windows</title>
<style type="text/css">
/* Debug borders */
p, li, dt, dd, div, pre, h1, h2, h3, h4, h5, h6 {
/*
border: 1px solid red;
*/
}
body {
margin: 1em 5% 1em 5%;
}
a {
color: blue;
text-decoration: underline;
}
a:visited {
color: fuchsia;
}
em {
font-style: italic;
color: navy;
}
strong {
font-weight: bold;
color: #083194;
}
tt {
color: navy;
}
h1, h2, h3, h4, h5, h6 {
color: #527bbd;
font-family: sans-serif;
margin-top: 1.2em;
margin-bottom: 0.5em;
line-height: 1.3;
}
h1, h2, h3 {
border-bottom: 2px solid silver;
}
h2 {
padding-top: 0.5em;
}
h3 {
float: left;
}
h3 + * {
clear: left;
}
div.sectionbody {
font-family: serif;
margin-left: 0;
}
hr {
border: 1px solid silver;
}
p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
ul, ol, li > p {
margin-top: 0;
}
pre {
padding: 0;
margin: 0;
}
span#author {
color: #527bbd;
font-family: sans-serif;
font-weight: bold;
font-size: 1.1em;
}
span#email {
}
span#revnumber, span#revdate, span#revremark {
font-family: sans-serif;
}
div#footer {
font-family: sans-serif;
font-size: small;
border-top: 2px solid silver;
padding-top: 0.5em;
margin-top: 4.0em;
}
div#footer-text {
float: left;
padding-bottom: 0.5em;
}
div#footer-badges {
float: right;
padding-bottom: 0.5em;
}
div#preamble {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
div.tableblock, div.imageblock, div.exampleblock, div.verseblock,
div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
div.admonitionblock {
margin-top: 1.0em;
margin-bottom: 1.5em;
}
div.admonitionblock {
margin-top: 2.0em;
margin-bottom: 2.0em;
margin-right: 10%;
color: #606060;
}
div.content { /* Block element content. */
padding: 0;
}
/* Block element titles. */
div.title, caption.title {
color: #527bbd;
font-family: sans-serif;
font-weight: bold;
text-align: left;
margin-top: 1.0em;
margin-bottom: 0.5em;
}
div.title + * {
margin-top: 0;
}
td div.title:first-child {
margin-top: 0.0em;
}
div.content div.title:first-child {
margin-top: 0.0em;
}
div.content + div.title {
margin-top: 0.0em;
}
div.sidebarblock > div.content {
background: #ffffee;
border: 1px solid silver;
padding: 0.5em;
}
div.listingblock > div.content {
border: 1px solid silver;
background: #f4f4f4;
padding: 0.5em;
}
div.quoteblock, div.verseblock {
padding-left: 1.0em;
margin-left: 1.0em;
margin-right: 10%;
border-left: 5px solid #dddddd;
color: #777777;
}
div.quoteblock > div.attribution {
padding-top: 0.5em;
text-align: right;
}
div.verseblock > div.content {
white-space: pre;
}
div.verseblock > div.attribution {
padding-top: 0.75em;
text-align: left;
}
/* DEPRECATED: Pre version 8.2.7 verse style literal block. */
div.verseblock + div.attribution {
text-align: left;
}
div.admonitionblock .icon {
vertical-align: top;
font-size: 1.1em;
font-weight: bold;
text-decoration: underline;
color: #527bbd;
padding-right: 0.5em;
}
div.admonitionblock td.content {
padding-left: 0.5em;
border-left: 3px solid #dddddd;
}
div.exampleblock > div.content {
border-left: 3px solid #dddddd;
padding-left: 0.5em;
}
div.imageblock div.content { padding-left: 0; }
span.image img { border-style: none; }
a.image:visited { color: white; }
dl {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
dt {
margin-top: 0.5em;
margin-bottom: 0;
font-style: normal;
color: navy;
}
dd > *:first-child {
margin-top: 0.1em;
}
ul, ol {
list-style-position: outside;
}
ol.arabic {
list-style-type: decimal;
}
ol.loweralpha {
list-style-type: lower-alpha;
}
ol.upperalpha {
list-style-type: upper-alpha;
}
ol.lowerroman {
list-style-type: lower-roman;
}
ol.upperroman {
list-style-type: upper-roman;
}
div.compact ul, div.compact ol,
div.compact p, div.compact p,
div.compact div, div.compact div {
margin-top: 0.1em;
margin-bottom: 0.1em;
}
div.tableblock > table {
border: 3px solid #527bbd;
}
thead, p.table.header {
font-family: sans-serif;
font-weight: bold;
}
tfoot {
font-weight: bold;
}
td > div.verse {
white-space: pre;
}
p.table {
margin-top: 0;
}
/* Because the table frame attribute is overriden by CSS in most browsers. */
div.tableblock > table[frame="void"] {
border-style: none;
}
div.tableblock > table[frame="hsides"] {
border-left-style: none;
border-right-style: none;
}
div.tableblock > table[frame="vsides"] {
border-top-style: none;
border-bottom-style: none;
}
div.hdlist {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
div.hdlist tr {
padding-bottom: 15px;
}
dt.hdlist1.strong, td.hdlist1.strong {
font-weight: bold;
}
td.hdlist1 {
vertical-align: top;
font-style: normal;
padding-right: 0.8em;
color: navy;
}
td.hdlist2 {
vertical-align: top;
}
div.hdlist.compact tr {
margin: 0;
padding-bottom: 0;
}
.comment {
background: yellow;
}
.footnote, .footnoteref {
font-size: 0.8em;
}
span.footnote, span.footnoteref {
vertical-align: super;
}
#footnotes {
margin: 20px 0 20px 0;
padding: 7px 0 0 0;
}
#footnotes div.footnote {
margin: 0 0 5px 0;
}
#footnotes hr {
border: none;
border-top: 1px solid silver;
height: 1px;
text-align: left;
margin-left: 0;
width: 20%;
min-width: 100px;
}
@media print {
div#footer-badges { display: none; }
}
div#toc {
margin-bottom: 2.5em;
}
div#toctitle {
color: #527bbd;
font-family: sans-serif;
font-size: 1.1em;
font-weight: bold;
margin-top: 1.0em;
margin-bottom: 0.1em;
}
div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
margin-top: 0;
margin-bottom: 0;
}
div.toclevel2 {
margin-left: 2em;
font-size: 0.9em;
}
div.toclevel3 {
margin-left: 4em;
font-size: 0.9em;
}
div.toclevel4 {
margin-left: 6em;
font-size: 0.9em;
}
/* Workarounds for IE6's broken and incomplete CSS2. */
div.sidebar-content {
background: #ffffee;
border: 1px solid silver;
padding: 0.5em;
}
div.sidebar-title, div.image-title {
color: #527bbd;
font-family: sans-serif;
font-weight: bold;
margin-top: 0.0em;
margin-bottom: 0.5em;
}
div.listingblock div.content {
border: 1px solid silver;
background: #f4f4f4;
padding: 0.5em;
}
div.quoteblock-attribution {
padding-top: 0.5em;
text-align: right;
}
div.verseblock-content {
white-space: pre;
}
div.verseblock-attribution {
padding-top: 0.75em;
text-align: left;
}
div.exampleblock-content {
border-left: 3px solid #dddddd;
padding-left: 0.5em;
}
/* IE6 sets dynamically generated links as visited. */
div#toc a:visited { color: blue; }
</style>
<script type="text/javascript">
/*<+'])');
// Function that scans the DOM tree for header elements (the DOM2
// nodeIterator API would be a better technique but not supported by all
// browsers).
var iterate = function (el) {
for (var i = el.firstChild; i != null; i = i.nextSibling) {
if (i.nodeType == 1 /* Node.ELEMENT_NODE */) {
var mo = re.exec(i.tagName);
if (mo && (i.getAttribute("class") || i.getAttribute("className")) != "float") {
result[result.length] = new TocEntry(i, getText(i), mo[1]-1);
}
iterate(i);
}
}
}
iterate(el);
return result;
}
var toc = document.getElementById("toc");
var entries = tocEntries(document.getElementById("content"), toclevels);
for (var i = 0; i < entries.length; ++i) {
var entry = entries[i];
if (entry.element.id == "")
entry.element.id = "_toc_" + i;
var a = document.createElement("a");
a.href = "#" + entry.element.id;
a.appendChild(document.createTextNode(entry.text));
var div = document.createElement("div");
div.appendChild(a);
div.className = "toclevel" + entry.toclevel;
toc.appendChild(div);
}
if (entries.length == 0)
toc.parentNode.removeChild(toc);
},
/////////////////////////////////////////////////////////////////////
// Footnotes generator
/////////////////////////////////////////////////////////////////////
/* Based on footnote generation code from:
* http://www.brandspankingnew.net/archive/2005/07/format_footnote.html
*/
footnotes: function () {
var cont = document.getElementById("content");
var noteholder = document.getElementById("footnotes");
var spans = cont.getElementsByTagName("span");
var refs = {};
var n = 0;
for (i=0; i<spans.length; i++) {
if (spans[i].className == "footnote") {
n++;
// Use [\s\S] in place of . so multi-line matches work.
// Because JavaScript has no s (dotall) regex flag.
note = spans[i].innerHTML.match(/\s*\[([\s\S]*)]\s*/)[1];
noteholder.innerHTML +=
"<div class='footnote' id='_footnote_" + n + "'>" +
"<a href='#_footnoteref_" + n + "' title='Return to text'>" +
n + "</a>. " + note + "</div>";
spans[i].innerHTML =
"[<a id='_footnoteref_" + n + "' href='#_footnote_" + n +
"' title='View footnote' class='footnote'>" + n + "</a>]";
var id =spans[i].getAttribute("id");
if (id != null) refs["#"+id] = n;
}
}
if (n == 0)
noteholder.parentNode.removeChild(noteholder);
else {
// Process footnoterefs.
for (i=0; i<spans.length; i++) {
if (spans[i].className == "footnoteref") {
var href = spans[i].getElementsByTagName("a")[0].getAttribute("href");
href = href.match(/#.*/)[0]; // Because IE return full URL.
n = refs[href];
spans[i].innerHTML =
"[<a href='#_footnote_" + n +
"' title='View footnote' class='footnote'>" + n + "</a>]";
}
}
}
}
}
/*]]>*/
</script>
</head>
<body style="max-width:55em">
<div id="header">
<h1>Un ghid ilustrat pentru Git pe platforma Windows</h1>
<div id="toc">
<div id="toctitle">Table Of Contents</div>
<noscript><p><b>JavaScript must be enabled in your browser to display the table of contents.</b></p></noscript>
</div>
</div>
<div id="content">
<h2 id="_traduceri">Traduceri</h2>
<div class="sectionbody">
<div class="paragraph"><p>Ghidul este disponibil şi în alte limbi: Rusă, Engleză</p></div>
</div>
<h2 id="_despre_document">Despre document</h2>
<div class="sectionbody">
<div class="paragraph"><p>Acest document este creat pentru a arăta că utilizarea lui git pe platforma Windows nu este un proces dificil. În acest ghid, voi crea un repositoriu, voi face câteva comentarii, voi crea o ramură, voi fuziona ramuri, voi căuta în istoricul comentariilor, voi publica modificările pe un server la distanţă. Majoritatea acestor lucruri vor fi realizate cu ajutorul uneltelor GUI.</p></div>
<div class="paragraph"><p>Cu toate că acest ghid este creat pentru platforma Windows, uneltele git gui funcţionează pe acelaşi principiu pe toate platformele. Din această cauză, informaţiile din acest ghid pot fi de folos şi utilizatorilor altor platforme.</p></div>
<div class="paragraph"><p>Dacă doriţi să comentaţi acest ghid, vă rog să mă <a href="mailto:[email protected]">contactaţi</a>.</p></div>
</div>
<h2 id="_desc_rcarea_pachetului_putty">Descărcarea pachetului PuTTY</h2>
<div class="sectionbody">
<div class="paragraph"><p>Cu toate că puteţi folosi programul SSH cu care este însoţit git, eu prefer să folosesc PuTTY Agent pentru a urmări cheile mele SSH. Dacă nu le aveţi deja, descărcaţi <strong>putty.exe</strong>, <strong>plink.exe</strong>, <strong>pageant.exe</strong> şi <strong>puttygen.exe</strong> de pe site-ul <a href="http://host.com">PuTTY</a>.</p></div>
<div class="paragraph"><p>Mai târziu, în acest ghid, vom folosi aceste programe pentru publicarea securizată a modificărilor pe care le facem pe un server la distanţă.</p></div>
</div>
<h2 id="_instalarea_lui_git">Instalarea lui Git</h2>
<div class="sectionbody">
<div class="paragraph"><p>Pentru început, descărcaţi <a href="http://code.go">msysgit</a>. Veţi descărca un singur fişier executabil care va instala întregul sistem git. Pe măsură ce treceţi prin programul de instalre, veţi dori să selectaţi opţiunea <em>Windows Explorer integration</em> atunci când faceţi click dreapta pe un folder.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_setup.png" alt="git windows setup" />
</span></p></div>
<div class="paragraph"><p>Pentru că vom folosi PuTTY în calitate de clientul nostru SSH, alegeţi <em>Use Plink</em> şi completaţi calea pâna la fişierul descărcat executabil <strong>plink.exe</strong>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_plink.png" alt="git plink.exe" />
</span></p></div>
<div class="paragraph"><p>Faceţi click pe <em>Next</em> pâna când nu se va finaliza instalarea.</p></div>
</div>
<h2 id="_crearea_unui_repositoriu">Crearea unui repositoriu</h2>
<div class="sectionbody">
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_here.png" alt="git gui here" />
</span></p></div>
<div class="paragraph"><p>Pentru a crea un repositoriu, la început creaţi un folder de lucru pentru proiect. După care, faceţi click dreapta pe folder şi alegeţi <em>Git GUI Here</em>. Deoarece, deocamdată în acest folder nu există nici un repositoriu, se va afişa un dialog git gui de început.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_create.png" alt="git gui create repository" />
</span></p></div>
<div class="paragraph"><p>Alegeţi <em>Create New Repository</em> şi se va afişa dialogul următor.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_create_dialog.png" alt="git gui create dialog" />
</span></p></div>
<div class="paragraph"><p>Selectaţi calea către folderul creat de dumneavoastră şi apăsaţi pe <em>Create</em>. Veţi vedea interfaţa de bază al git gui, ce va fi afişată, de acum încolo, de fiecare dată cand faceţi click dreapta pe folderul dumneavoastră şi apoi pe <em>Git GUI Here</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_here_repo.png" alt="git gui here repository" />
</span></p></div>
<div class="paragraph"><p>Acum că repositoriul a fost creat, trebuie să îi spuneţi lui git cine sunteţi pentru ca în mesajele de confirmare să fie indicat corect autorul. Pentru a face acest lucru, alegeţi <em>Edit → Options</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_options.png" alt="git gui options" />
</span></p></div>
<div class="paragraph"><p>În dialogul de opţiuni există câte două versiuni pentru fiecare preferinţă. În partea stângă al dialogului sunt opţiunile care influenţează numai acest repositoriu, în timp ce partea dreaptă conţine opţiuni generale, care se aplică tuturor repositoriilor. Opţiunile implicite sunt acceptabile, aşa că, deocamdată, completaţi doar numele şi adresa de email. De asemenea, dacă aveţi un font preferat, îl puteţi seta acum.</p></div>
</div>
<h2 id="_confirmarea">Confirmarea</h2>
<div class="sectionbody">
<div class="paragraph"><p>Acum că repositoriul a fost creat, este timpul pentru a crea ceva
pentru a fi confirmat. Pentru acest exemplu, am creat un fişier numit
<strong>main.c</strong> cu următorul conţinut:</p></div>
<div class="listingblock">
<div class="content">
<pre><tt>#include <stdio.h>
int main(int argc, char **argv)
{
printf("Hello world!\n");
return 0;
}</tt></pre>
</div></div>
<div class="paragraph"><p>Apăsând pe butonul <em>Rescan</em>, îl veţi determina pe git gui să caute în folder fişiere noi, modificate sau şterse. În screenshotul ce urmează, git gui a găsit fişierul pe care l-am creat.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_first_commit.png" alt="git gui first commit" />
</span></p></div>
<div class="paragraph"><p>Pentru a adăuga fişierul pentru confirmare, apăsaţi pe pictograma din stânga numelui fişierului. Fişierul va fi mutat din panoul <em>Unstaged Changes</em> în panoul <em>Staged Changes</em>. Acum putem adăuga un mesaj de confirmare şi să confirmăm modificarea cu ajutorul butonului <em>Commit</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_first_commit_stage.png" alt="git gui first commit stage" />
</span></p></div>
<div class="paragraph"><p>Este foarte frumos să saluţi lumea, dar eu vreau ca programul meu să fie mai personal. Hai să facem un program care îl salută pe utilizator. Aşa va arăta codul:</p></div>
<div class="listingblock">
<div class="content">
<pre><tt>#include <stdio.h>
#include <string.h>
int main(int argc, char **argv)
{
char name[255];
printf("Enter your name: ");
fgets(name, 255, stdin);
printf("length = %d\n", strlen(name)); /* debug line */
name[strlen(name)-1] = '\0'; /* remove the newline at the end */
printf("Hello %s!\n", name);
return 0;
}</tt></pre>
</div></div>
<div class="paragraph"><p>Am avut unele probleme pentru că nu înţelegeam de ce noua linie era tipărită după numele utilizatorului, aşa că am adăugat o linie de depănare pentru a putea urmări acest lucru. Aş dori să confirm acest patch fără linia de depănare, dar vreau să o păstrez în copia mea de lucru pentru a continua depănarea. Cu git gui, acest lucru nu este o problemă. În primul rând, apăsaţi <em>Rescan</em> pentru a căuta fişierul modificat. După care, apăsaţi pe pictograma din stânga numelui fişierului pentru a planifica toate modificările pentru confirmare. Apoi, faceţi click dreapta pe linia de depanare şi alegeţi <em>Unstage Line From Commit</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_first_commit_unstage.png" alt="git gui first commit unstage" />
</span></p></div>
<div class="paragraph"><p>Acum, că linia de depanare a fost exclusă, iar celelalte modificări au fost planificate, trebuie doar să completăm mesajul de confirmare şi să apăsăm <em>Commit</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_second_commit.png" alt="git gui second commit" />
</span></p></div>
</div>
<h2 id="_ramificarea">Ramificarea</h2>
<div class="sectionbody">
<div class="paragraph"><p>Să spunem că am dori să începem să adăugăm funcţii noi la versiunea următoare a programului nostru. În acelaşi timp am dori să pastrăm o versiune stabilă de întreţinere a programului pentru a putea repara eventualele erori. Pentru a face acest lucru, vom crea o ramură pentru proiectul nostru. Pentru a crea o nouă ramură în git gui, alegeţi <em>Branch → Create</em>. Funcţia pe care aş dori să o adaug, îl întreabă pe utilizator care este numele lui de familie, aşa că am numit această ramură <strong>lastname</strong>. Opţiunile implicite din dialogul Create Branch sunt potrivite, deci trebuie doar să introduceţi numele şi să apăsaţi <em>Create</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_create_branch.png" alt="git gui create branch" />
</span></p></div>
<div class="paragraph"><p>Acum, că sunt pe ramura <strong>lastname</strong>, pot să fac următoarele modificări:</p></div>
<div class="listingblock">
<div class="content">
<pre><tt>#include <stdio.h>
#include <string.h>
int main(int argc, char **argv)
{
char first[255], last[255];
printf("Enter your first name: ");
fgets(first, 255, stdin);
first[strlen(first)-1] = '\0'; /* remove the newline at the end */
printf("Now enter your last name: ");
gets(last); /* buffer overflow? what's that? */
printf("Hello %s %s!\n", first, last);
return 0;
}</tt></pre>
</div></div>
<div class="paragraph"><p>Acum pot confirma modificările. Observaţi că în cazul de faţă am folosit un alt nume pentru confirmare. Acest lucru îl vom discuta mai târziu. În mod normal, veţi folosi întotdeauna acelaşi nume când confirmaţi.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_first_commit_branch.png" alt="git gui first commit to branch" />
</span></p></div>
<div class="paragraph"><p>Între timp, un utilizator ne-a informat că neafişarea virgulei după adresarea directă către o persoană, este o eroare gravă. Pentru a putea repara această eroare în ramura stabilă, trebuie să ne întoarcem la ea. Acest lucru se face cu ajutorul <em>Branch → Checkout</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_checkout_branch.png" alt="git gui checkout branch" />
</span></p></div>
<div class="paragraph"><p>Acum putem repara eroarea.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_second_commit_branch.png" alt="git gui second commit to a branch" />
</span></p></div>
<div class="paragraph"><p>Dacă alegem <em>Repository → Visualize All Branch History</em>, putem vizualiza istoricul modificărilor efectuate de noi.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/gitk_all_branches_history.png" alt="gitk view all branches" />
</span></p></div>
</div>
<h2 id="_fuzionarea">Fuzionarea</h2>
<div class="sectionbody">
<div class="paragraph"><p>După multe zile de muncă, am ajuns la concluzia că ramura noastră <strong>lastname *este îndeajuns de stabilă pentru a fi fuzionată cu ramura *master</strong>. Pentru a realiza fuziunea folosiţi <em>Merge → Local Merge</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_merge.png" alt="git gui merge" />
</span></p></div>
<div class="paragraph"><p>Din cauză că două confirmări diferite au produs două modificări diferite pe aceeaşi linie, va apărea un conflict.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_merge_conflict.png" alt="git merge conflict" />
</span></p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_conflict_view.png" alt="git gui conflict view" />
</span></p></div>
<div class="paragraph"><p>Acest conflict poate fi soluţionat folosind orice editor de text. După rezolvarea conflictului, planificaţi modificările prin apăsarea pictogramei fişierului şi apoi confirmaţi fuziunea prin apăsarea butonului <em>Commit</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_conflict_fix.png" alt="git gui conflict fix" />
</span></p></div>
</div>
<h2 id="_vizualizarea_istoricului">Vizualizarea istoricului</h2>
<div class="sectionbody">
<div class="paragraph"><p>Fişierul <strong>main.c</strong> a devenit destul de mare aşa că am decis să mut porţiunea din cod care întreabă numele utilizatorului într-o funcţie separată. În acelaşi timp am hotărât să mut funcţia într-un fişier separat. Acum repositoriul conţine următoarele fişiere: <strong>main.c</strong>, <strong>askname.c</strong> şi <strong>askname.h</strong>.</p></div>
<div class="listingblock">
<div class="content">
<pre><tt>/* main.c */
#include <stdio.h>
#include "askname.h"
int main(int argc, char **argv)
{
char first[255], last[255];
askname(first, last);
printf("Hello, %s %s!\n", first, last);
return 0;
}</tt></pre>
</div></div>
<div class="listingblock">
<div class="content">
<pre><tt>/* askname.c */
#include <stdio.h>
#include <string.h>
void askname(char *first, char *last)
{
printf("Enter your first name: ");
fgets(first, 255, stdin);
first[strlen(first)-1] = '\0'; /* remove the newline at the end */
printf("Now enter your last name: ");
gets(last); /* buffer overflow? what's that? */
}</tt></pre>
</div></div>
<div class="listingblock">
<div class="content">
<pre><tt>/* askname.h */
void askname(char *first, char *last);</tt></pre>
</div></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_commit3.png" alt="git gui commit 3 files" />
</span></p></div>
<div class="paragraph"><p>Istoricul repositoriului poate fi vizualizat şi cercetat prin alegerea <em>Repository → Visualize All Branch History</em>. În următorul screenshot, încerc să găsesc commit-ul în care a fost adăugată variabila <strong>last *prin căutarea tuturor commit-urilor în care a fost adăugat sau eliminat cuvântul *last</strong>. Commit-urile care corespund condiţiilor de căutare apar cu litere aldine, ceea ce înlesneşte localizarea commit-ului dorit.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/gitk_history2.png" alt="gitk history" />
</span></p></div>
<div class="paragraph"><p>Câteva zile mai târziu, cineva se uită prin codul nostru şi vede că funcţia *gets *poate provoca o suprasolicitare a bufferului. Fiind o persoană căreia îi place să arate cu degetul, această persoană decide să ruleze un git blame ca să vadă cine a modificat ultimul acea linie de cod. Problema este că Bob este cel care a confirmat linia, dar eu am fost ultimul care s-a atins de ea în momentul în care am mutat-o într-un fişier separat. Evident, nu sunt eu de vină (bineînţeles). Este git destul de inteligent ca să înţeleagă acest lucru? Da, este.</p></div>
<div class="paragraph"><p>Ca să rulaţi un blame, selectaţi <em>Repository → Browse master’s Files</em>. Din arborele care apare, faceţi dublu click pe linia ce vă interesează, care în cazul de faţă este <strong>askname.c</strong>. Dacă ţinem mouse-ul pe linia care ne interesează, va apărea un indiciu cu toate informaţiile care ne interesează.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_file_viewer.png" alt="git gui file viewer" />
</span></p></div>
<div class="paragraph"><p>Aici putem vedea că linia a fost modificată pentru ultima dată de Bob în confirmarea <strong>f6c0</strong>, după care eu am mutat-o într-o altă locaţie în confirmarea <strong>b312</strong>.</p></div>
</div>
<h2 id="_publicarea_modific_rilor_pe_un_server_la_distan">Publicarea modificărilor pe un server la distanţă</h2>
<div class="sectionbody">
<div class="paragraph"><p>Înainte de a publica modificări pe un server la distanţă, trebuie să creaţi o pereche de chei SSH, una publică şi una privată. Utilizând SSH, veţi putea folosi autentificarea securizată care identifică dacă sunteţi acea persoană care pretindeţi a fi. Crearea perechii de chei este un proces simplu. Începeţi prin a rula programul *puttygen.exe *pe care l-aţi descărcat mai devreme. După aceea, faceţi click pe butonul <em>Generate</em> pentru a genera cheile. După câteva secunde de procesare, apăsaţi pe butonul <em>Save private key</em> pentru a salva noua cheie privată. Pentru a pregăti pasul următor, copiaţi cheia publică în memoria temporară. Vă recomand să nu apăsaţi butonul <em>Save public key</em> pentru că fişierul salvat nu va fi într-un format strandard; încercarea de a-l folosi cu alte softuri ar putea fi problematică.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/putty_key_generator.png" alt="putty key generator" />
</span></p></div>
<div class="paragraph"><p>Acum că au fost generate cheile, serverul la distanţă trebuie să ştie de existenţa lor. Dacă doriţi să folosiţi github pentru a vă păstra codul, trebuie doar să mergeţi pe pagina contului dumneavoastră şi să înseraţi cheia publică.</p></div>
<div class="paragraph"><p>TODO: screen shot from Assembla</p></div>
<div class="paragraph"><p>Acum github are cheia noastră publică, dar noi nu o avem pe cea a githubului. Ca să corectaţi acest lucru, lansaţi <strong>putty.exe</strong>, conectaţi-vă la <strong>github.com</strong> şi apăsaţi <em>Yes</em> pentru a accepta cheia publică a lui github. Puteţi închide, fără nici o problemă, fereastra de autentificare care apare după acceptarea cheii.</p></div>
<div class="paragraph"><p>TODO: screen shot from assembla: site screen where to submit pub key</p></div>
<div class="paragraph"><p>TODO: screenshot from assembla: accept ssh key</p></div>
<div class="paragraph"><p>Trebuie să încărcăm cheia privată pentru a o putea folosi cu cheia publică, pentru aceasta lansaţi <strong>pageant.exe</strong>. Acest program va crea o pictogramă în system tray. Dublu click pe această pictogramă va deschide o fereastră în care poate fi adăugată cheia privată. După adăugarea cheii, agentul va rula în spate şi va efectua autentificarea la nevoie.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/page_agent_key_list.png" alt="page agent key list" />
</span></p></div>
<div class="paragraph"><p>Acum că serverul şi clientul nostru se pot identifica reciproc, este timpul să publicăm. <em>Remote → Push</em> va deschide dialogul de publicare. Introduceţi adresa confirmărilor proiectului şi apăsaţi <em>Push</em>, modificările vor fi trimise.</p></div>
<div class="paragraph"><p>TODO: 2 images</p></div>
<div class="paragraph"><p>Bineînţeles că introducerea adresei de fiecare dată când vrem să publicăm devine iritantă la un moment dat. În schimb, git ne permite să asociem adrese lungi folosind remotes. În prezent, git gui nu are o modalitate de a adăuga un remote, de aceea trebuie folosită o linie de comandă.</p></div>
<div class="listingblock">
<div class="content">
<pre><tt>git remote add origin [email protected]:example.git</tt></pre>
</div></div>
<div class="paragraph"><p>Notă: După adăugarea unui remote, închideţi şi redeschideţi git gui pentru ca noul remote să fie recunoscut.</p></div>
<div class="paragraph"><p>Acum remote-ul <strong>origin</strong> este asociat cu adresa <strong>[email protected]:nathanj/example.git</strong>. Acum la vizualizarea dialogului de publicare în git gui va apărea o listă cu remote-uri existente.</p></div>
<div class="paragraph"><p>todo image</p></div>
</div>
<h2 id="_recep_ionarea_modific_rilor_de_pe_server_la_distan">Recepţionarea modificărilor de pe server la distanţă</h2>
<div class="sectionbody">
<div class="paragraph"><p>Deoarece codul nostru este atât de util, zeci de oameni au descărcat şi utilizează acum programul nostru. Una din aceste persoane, Fred, a decis să ramifice proiectul nostru şi să adauge modificările proprii. După ce a adăugat codul său, el ar dori ca să transferăm confirmările lui din repositoriul său într-al nostru. Pentru a face acest lucru, pentru început creaţi un alt remote.</p></div>
<div class="listingblock">
<div class="content">
<pre><tt>git remote add fred ssh://[email protected]/home/fred/example</tt></pre>
</div></div>
<div class="paragraph"><p>Acum putem recepţiona modificările făcute de Fred utilizând <em>Remote → Fetch from → fred</em>.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_fred_fetch.png" alt="git gui fred fetch" />
</span></p></div>
<div class="paragraph"><p>După extragere, confirmările lui Fred au fost adăugate în repositoriul nostru local în ramura <strong>remotes/fred/master</strong>. Putem folosi gitk pentru a vizualiza modificările făcute de Fred.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/gitk_fred_changes.png" alt="gitk fred changes" />
</span></p></div>
<div class="paragraph"><p>Dacă ne plac toate modificările făcute de Fred, putem efectua o fuziune normală, la fel cum am făcut mai devreme. În acest caz, îmi place o singură modificare făcută de Fred. Pentru a fuziona o singură modificare făcută de Fred, faceţi click dreapta pe confirmarea respectivă şi alegeţi <em>Cherry-pick this commit</em>. Confirmarea va fuziona în ramura curentă.</p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_cherry_pick.png" alt="git gui cherry pick" />
</span></p></div>
<div class="paragraph"><p><span class="image">
<img src="images/git_gui_after_cherry_pick.png" alt="gitk after cherry pick" />
</span></p></div>
<div class="paragraph"><p>Acum putem publica patch-ul lui Fred în arborele nostru github pentru ca toată lumea să îl poată vedea şi folosi.</p></div>
<div class="paragraph"><p>TODO: Assembla image</p></div>
</div>
<h2 id="_concluzii">Concluzii</h2>
<div class="sectionbody">
<div class="paragraph"><p>În acest ghid, am arătat cum se pot îndeplini sarcini obişnuite în git utilizând uneltele GUI. Sper că acest ghid a arătat că este nu doar posibil, ci şi uşor de folosit git pe platforma Windows fără a fi nevoie de Windows shell pentru efectuarea mojorităţii operaţiilor.</p></div>
</div>
</div>
<div id="footnotes"><hr /></div>
<div id="footer">
<div id="footer-text">
Last updated 2010-02-08 00:14:37 EEST
</div>
</div>
</body>
</html>