-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathp0001_add.html
175 lines (175 loc) · 7.79 KB
/
p0001_add.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilo.css">
<link rel="icon" href="img/git_icon.png">
<link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" rel="stylesheet">
<meta name="keywords" content="danielle8farias, git, linux, add, adicionando, tutorial, init, status">
<title>Git Add</title>
</head>
<body>
<div class="corpo-central">
<div class="titulo">
<h1>>_ git add: Adicionando arquivos no Git</h1>
</div>
<article class="caixa-texto">
<h2>
Iniciando o Git
</h2>
<p>
Entre na pasta a qual você pretende fazer o versionamento e no terminal digite:
</p>
<code class="caixa-codigo">
$ git init
</code>
<p>
Para inicializar o <strong>Git</strong>, caso ainda não o tenha feito.
</p>
<ul class="observacao">
<li>
<strong>$</strong> indica que você deve usar o <strong>usuário comum</strong> para fazer essa operação.
</li>
</ul>
<p>
Desse modo a pasta <strong>.git</strong> será criada. É essa pasta que armazenará as imagens das versões do projetos criados.
</p>
<h2>
Entendendo o fluxo do Git
</h2>
<p>
A partir daqui, vamos entender o fluxo do Git.
</p>
<ul class="observacao">
<li>
<strong>Working directory:</strong> é onde estão seus arquivos que serão trabalhados. Aqui ficam os arquivos que ainda não receberam o comando <strong>commit</strong>.
</li>
<li>
<strong>Index</strong> ou <strong>Staging area:</strong> é a sala de espera do Git. É aqui que ficam os arquivos que já receberam o comando <strong>commit</strong>.
</li>
<li>
<strong>Repositório:</strong> é onde são guardados os seus <strong>commits</strong>.
</li>
</ul>
<img class="fluxo-git" src="img/p0001-0.png" alt="fluxo do git">
<h2>Git status</h2>
<p>
Vamos supor que o diretório está vazio. Então vamos verificar o estado atual do <strong>git</strong>. Assim:
</p>
<code class="caixa-codigo">
$ git status
</code>
<p>
O retorno do terminal será algo semelhante a:
</p>
<img class="exemplo" src="img/p0001-1.png" alt="retorno do git status">
<p>
Agora vamos criar dois arquivos nesse diretório:
</p>
<code class="caixa-codigo">
$ touch index.html estilo.css
</code>
<ul class="observacao">
<li>
o comando <strong>touch</strong> serve para criar arquivos no Linux.
</li>
</ul>
<p>
Digitando novamente o comando <code class="caixa-codigo-inline">git status</code>, temos:
</p>
<img class="exemplo" src="img/p0001-2.png" alt="mostrando arquivos ainda não monitorados">
<p>
Esses dois arquivos <strong>ainda não</strong> estão sendo monitorados pelo <strong>Git</strong>.
</p>
<p>
No fluxo do Git, temos:
</p>
<img class="fluxo-git" src="img/p0001-3.png" alt="fluxo inicial do git">
<p>
Como podemos perceber, esses dois arquivos ainda não receberam o <strong>commit</strong>. Por isso eles estão no <strong>working directory</strong>.
</p>
<h2>
Git add
</h2>
<p>
Para adicionar os dois arquivos, <strong>um de cada vez</strong>, digite:
</p>
<code class="caixa-codigo">
$ git add index.html
</code>
<code class="caixa-codigo">
$ git add estilo.css
</code>
<p>
Ou para adicionar ambos <strong>ao mesmo tempo</strong>,
</p>
<code class="caixa-codigo">
$ git add index.html estilo.css
</code>
<p>
Caso queira adicionar <strong>todos os arquivos de um diretório recursivamente</strong>; o que inclui seus subdiretórios e arquivos ou pastas ocultas,
</p>
<code class="caixa-codigo">
$ git add .
</code>
<p>
Para adicionar todos os arquivos de uma <strong>determinada extensão</strong>.
</p>
<code class="caixa-codigo">
$ git add *.txt
</code>
<ul class="observacao">
<li>
supondo que a extensão desejada seja <strong>txt</strong>.
</li>
</ul>
<p>
Após incluir nossos arquivos, vamos verificar novamente o estado do <strong>Git</strong>.
</p>
<ul class="observacao">
<li>
É recomendável usar sempre o <code class="caixa-codigo-inline">git status</code> após cada comando do git para saber onde se está.
</li>
</ul>
<img class="exemplo" src="img/p0001-4.png" alt="arquivos monitorados">
<p>
Observando o <strong>fluxo do Git</strong>, temos:
</p>
<img class="fluxo-git" src="img/p0001-5.png" alt="arquivos no index">
<p>
Aqui, estamos no <strong>index (staging area)</strong>; a <em>"sala de espera"</em> do Git.
</p>
<p>
Abaixo um resumo das variações do comando <code class="caixa-codigo-inline">git add</code>:
</p>
<img class="exemplo" src="img/p0001-6.png" alt="tipos de git add">
<p>
É a partir daqui que poderemos realizar o <strong>commit</strong>.
</p>
</article>
<nav>
<div class="nav-esquerda">
<a href="p0000_instalacao_linux.html">
< anterior
</a>
</div>
<div>
<a href="index.html">
voltar ao índice
</a>
</div>
<div class="nav-direita">
<a href="p0002_status.html">
próximo >
</a>
</div>
</nav>
<footer>
by danielle8farias
</footer>
</div>
</body>
</html>