1
00:00:01,090 --> 00:00:03,220
‫Jonas: Vamos agora examinar rapidamente

2
00:00:03,220 --> 00:00:06,120
‫os fundamentos absolutos do Git, e esta

3
00:00:06,120 --> 00:00:10,140
‫não é de forma alguma uma visão geral completa do Git.

4
00:00:10,140 --> 00:00:12,410
‫Tudo o que quero fazer aqui é

5
00:00:12,410 --> 00:00:14,730
‫fazer com que você comece a usar o Git

6
00:00:14,730 --> 00:00:18,297
‫o mais rápido possível para que possamos então implantar nosso projeto no Heroku.

7
00:00:19,760 --> 00:00:21,790
‫E como mencionei no último vídeo,

8
00:00:21,790 --> 00:00:25,460
‫vou começar a usar o Git na linha de comando agora, certo?

9
00:00:25,460 --> 00:00:27,100
‫E, na verdade, estou usando

10
00:00:27,100 --> 00:00:29,290
‫o terminal bem aqui no VS Code novamente.

11
00:00:29,290 --> 00:00:33,320
‫Então, vamos encerrar o processo atual aqui, certo?

12
00:00:33,320 --> 00:00:35,770
‫E agora aqui em nossa

13
00:00:35,770 --> 00:00:37,950
‫pasta de projeto local,

14
00:00:37,950 --> 00:00:42,750
‫crie um novo repositório, e fazemos isso escrevendo git init, ok?

15
00:00:42,750 --> 00:00:45,640
‫Pressione Enter e pronto.

16
00:00:45,640 --> 00:00:48,650
‫Então, acabamos de inicializar um repositório Git vazio ou

17
00:00:48,650 --> 00:00:50,990
‫também podemos chamá-lo apenas de repo.

18
00:00:50,990 --> 00:00:53,290
‫Então isso é um pouco mais fácil de dizer.

19
00:00:53,290 --> 00:00:56,470
‫Então, novamente, a fim de criar um novo repositório,

20
00:00:56,470 --> 00:00:58,530
‫ou repo, para o seu

21
00:00:58,530 --> 00:01:01,080
‫projeto, você precisa navegar até a pasta do

22
00:01:01,080 --> 00:01:04,790
‫projeto, o que aqui no VS Code acontece meio que automaticamente.

23
00:01:04,790 --> 00:01:07,837
‫Então, estamos automaticamente bem aqui

24
00:01:07,837 --> 00:01:10,970
‫na pasta Home e aí você escreve

25
00:01:10,970 --> 00:01:14,350
‫git init, e então ativa este novo repositório.

26
00:01:14,350 --> 00:01:16,170
‫E aqui na minha linha de

27
00:01:16,170 --> 00:01:19,480
‫comando, você pode realmente ver esta parte amarela agora aqui do prompt,

28
00:01:19,480 --> 00:01:22,330
‫e provavelmente no seu terminal você não terá isso, e

29
00:01:22,330 --> 00:01:23,670
‫realmente não importa.

30
00:01:23,670 --> 00:01:26,290
‫Então tudo o que isso significa

31
00:01:26,290 --> 00:01:31,100
‫aqui é que agora temos um repositório com um branch chamado master, ok?

32
00:01:31,100 --> 00:01:34,950
‫E um pouco mais sobre o branch master mais tarde.

33
00:01:34,950 --> 00:01:37,600
‫De qualquer forma, antes de fazermos qualquer

34
00:01:37,600 --> 00:01:40,770
‫outra coisa, vamos criar um arquivo especial chamado gitignore,

35
00:01:40,770 --> 00:01:42,863
‫e nele adicionaremos todos os

36
00:01:42,863 --> 00:01:45,703
‫arquivos que não queremos ter em nosso repositório.

37
00:01:47,630 --> 00:01:50,080
‫Então esse é um tipo de

38
00:01:50,080 --> 00:01:53,423
‫arquivo de configuração como essas configurações mais bonitas ou eslint.

39
00:01:54,420 --> 00:01:58,883
‫Então posso criar um novo aqui.

40
00:02:00,990 --> 00:02:01,910
‫A saída aqui.

41
00:02:01,910 --> 00:02:04,617
‫Assim . gitignore, assim, certo?

42
00:02:09,370 --> 00:02:11,220
‫E o VS Code, na

43
00:02:11,220 --> 00:02:13,110
‫verdade, mais uma vez, já reconheceu

44
00:02:13,110 --> 00:02:15,700
‫esse arquivo e adiciona esse belo símbolo a ele.

45
00:02:15,700 --> 00:02:17,630
‫E a primeira pasta

46
00:02:17,630 --> 00:02:20,633
‫que realmente queremos ignorar completamente é a

47
00:02:21,870 --> 00:02:24,733
‫pasta node_modules, então escrevemos node_modules, certo?

48
00:02:27,720 --> 00:02:30,040
‫Espere um segundo e depois

49
00:02:30,040 --> 00:02:32,690
‫também deseja ignorar o arquivo de configuração.

50
00:02:32,690 --> 00:02:34,970
‫Portanto, todos os arquivos de variáveis de ambiente.

51
00:02:34,970 --> 00:02:39,970
‫E assim podemos dizer todo o. arquivos env, ok?

52
00:02:40,260 --> 00:02:43,130
‫Portanto, não queremos a pasta

53
00:02:43,130 --> 00:02:46,980
‫node_modules em nosso repositório, porque simplesmente não é necessária.

54
00:02:46,980 --> 00:02:49,840
‫Então, por exemplo, se vamos fazer upload

55
00:02:49,840 --> 00:02:54,050
‫de nosso repositório para o GitHub, não queremos fazer upload de

56
00:02:54,050 --> 00:02:57,030
‫todas essas dezenas de milhares de arquivos porque,

57
00:02:57,030 --> 00:02:59,120
‫uma vez que baixamos o

58
00:02:59,120 --> 00:03:02,060
‫projeto do GitHub em outro lugar, podemos facilmente

59
00:03:02,060 --> 00:03:05,770
‫obter a pasta node_modules de volta escrevendo npm install, certo?

60
00:03:05,770 --> 00:03:09,630
‫Portanto, tenha em mente que o Git também trata de

61
00:03:09,630 --> 00:03:13,610
‫compartilhamento, não apenas de salvar seu código com instantâneos ao longo

62
00:03:13,610 --> 00:03:17,240
‫do tempo, mas também de toda essa colaboração.

63
00:03:17,240 --> 00:03:19,670
‫Agora aqui no VS Code do lado

64
00:03:19,670 --> 00:03:22,250
‫esquerdo, na verdade temos essa integração com o Git.

65
00:03:22,250 --> 00:03:24,520
‫Portanto, se você clicar

66
00:03:24,520 --> 00:03:27,720
‫aqui, verá todos os arquivos marcados como modificados.

67
00:03:27,720 --> 00:03:29,810
‫Bem, no momento não vemos

68
00:03:29,810 --> 00:03:34,030
‫nenhum aqui, então vamos apenas recarregar, mas eles ainda não aparecem aqui,

69
00:03:34,030 --> 00:03:36,250
‫e eu acho que é porque

70
00:03:36,250 --> 00:03:38,840
‫inicialmente tínhamos muitos arquivos em node_modules, e

71
00:03:38,840 --> 00:03:42,540
‫agora o VS Code está um pouco confuso com isso.

72
00:03:42,540 --> 00:03:43,910
‫Vamos verificar nossos problemas.

73
00:03:43,910 --> 00:03:47,160
‫Não, não tem nada a ver com isso, certo?

74
00:03:49,680 --> 00:03:52,423
‫Mas, de qualquer forma, isso realmente não importa, ok?

75
00:03:53,300 --> 00:03:55,940
‫O que importa é que agora também

76
00:03:55,940 --> 00:03:59,033
‫podemos ver todos esses arquivos modificados escrevendo o status git.

77
00:04:01,170 --> 00:04:03,010
‫Assim, ok?

78
00:04:03,010 --> 00:04:06,550
‫E aqui estão agora todos os arquivos e pastas que

79
00:04:06,550 --> 00:04:10,063
‫basicamente ainda não foram confirmados em nosso repositório.

80
00:04:11,220 --> 00:04:14,320
‫Então Git é tudo sobre commit, então vamos aprender agora

81
00:04:14,320 --> 00:04:17,310
‫como podemos enviar arquivos para o repositório, e isso

82
00:04:17,310 --> 00:04:19,590
‫é um processo de duas etapas.

83
00:04:19,590 --> 00:04:23,550
‫Primeiro precisamos adicionar os arquivos a uma chamada área de teste,

84
00:04:23,550 --> 00:04:26,030
‫e só depois que eles estiverem nesta

85
00:04:26,030 --> 00:04:27,700
‫área, podemos enviar todos

86
00:04:27,700 --> 00:04:31,380
‫os arquivos que estão lá para um novo commit, certo?

87
00:04:31,380 --> 00:04:32,533
‫Então vamos fazer isso.

88
00:04:33,800 --> 00:04:38,680
‫Então git add, e se eu quiser

89
00:04:38,680 --> 00:04:43,680
‫adicionar todos os arquivos, posso simplesmente escrever -A, certo?

90
00:04:43,910 --> 00:04:45,880
‫Isso está demorando um

91
00:04:45,880 --> 00:04:47,890
‫pouco agora porque há tantos

92
00:04:47,890 --> 00:04:50,363
‫arquivos, e agora se eu escrever git

93
00:04:51,360 --> 00:04:54,543
‫status novamente, vamos ver, agora todos eles estão verdes.

94
00:04:55,980 --> 00:04:59,050
‫Então aqui você pode ver todos os toneladas

95
00:05:01,050 --> 00:05:04,610
‫desses arquivos que agora serão adicionados ao nosso git commit, ok?

96
00:05:04,610 --> 00:05:07,600
‫Agora, na verdade, não quero esses arquivos em cache

97
00:05:07,600 --> 00:05:09,150
‫nesta pasta de cache,

98
00:05:09,150 --> 00:05:11,513
‫então vamos nos livrar dessa pasta rapidamente.

99
00:05:14,330 --> 00:05:18,623
‫Ok, então eu espero que eles também tenham ido embora agora.

100
00:05:19,580 --> 00:05:22,850
‫Então, vamos esperar que eles também tenham ido embora agora.

101
00:05:22,850 --> 00:05:25,340
‫E delete, eles agora estão deletados, então não estão

102
00:05:25,340 --> 00:05:26,713
‫mais aqui, mas vamos

103
00:05:27,700 --> 00:05:30,143
‫ver se todos os outros ainda estão aqui.

104
00:05:31,300 --> 00:05:34,790
‫Ok, então você vê que eles não são testados para

105
00:05:34,790 --> 00:05:36,350
‫commit, mas todos

106
00:05:36,350 --> 00:05:39,570
‫esses outros arquivos, eles agora serão confirmados no repositório.

107
00:05:39,570 --> 00:05:42,010
‫Agora provavelmente parece um pouco confuso para você por

108
00:05:42,010 --> 00:05:45,210
‫que primeiro temos que adicionar esses arquivos à área de teste,

109
00:05:45,210 --> 00:05:47,480
‫e só então eles podem ser confirmados.

110
00:05:47,480 --> 00:05:50,310
‫E a razão rápida para isso é

111
00:05:50,310 --> 00:05:53,860
‫que você pode querer adicionar arquivos diferentes para commits diferentes, certo?

112
00:05:53,860 --> 00:05:56,470
‫Portanto, imagine que você alterou 10 arquivos, mas

113
00:05:56,470 --> 00:05:59,200
‫deseja comprometer apenas cinco deles em um determinado commit.

114
00:05:59,200 --> 00:06:01,670
‫E então, por encenação, você pode fazer isso.

115
00:06:01,670 --> 00:06:05,070
‫Mas nós apenas queremos mantê-lo muito simples aqui, então simplesmente adicionamos

116
00:06:05,070 --> 00:06:06,830
‫todos os arquivos a esta

117
00:06:06,830 --> 00:06:09,640
‫área de teste e, em seguida, confirmamos todos eles.

118
00:06:09,640 --> 00:06:11,180
‫E, na verdade, vamos fazer

119
00:06:11,180 --> 00:06:13,270
‫de novo porque agora eu apaguei todos esses arquivos.

120
00:06:13,270 --> 00:06:18,270
‫Então vamos fazer git add -A de novo, ok?

121
00:06:19,240 --> 00:06:21,800
‫E agora estamos prontos para

122
00:06:21,800 --> 00:06:24,603
‫confirmar os arquivos escrevendo git commit -m,

123
00:06:26,680 --> 00:06:29,710
‫e então especificamos uma mensagem de confirmação.

124
00:06:29,710 --> 00:06:32,250
‫E esta mensagem deve ser realmente descritiva

125
00:06:32,250 --> 00:06:34,490
‫das mudanças que você fez.

126
00:06:34,490 --> 00:06:37,920
‫Agora, normalmente, o primeiro commit é chamado Initial commit, então vamos

127
00:06:37,920 --> 00:06:39,620
‫fazer isso aqui também.

128
00:06:41,550 --> 00:06:46,480
‫Então Initial commit, click Return, e é isso.

129
00:06:46,480 --> 00:06:48,580
‫Então, com esse commit

130
00:06:48,580 --> 00:06:51,550
‫salvamos todas as modificações no repositório e,

131
00:06:51,550 --> 00:06:54,610
‫novamente, um commit é como um instantâneo de

132
00:06:54,610 --> 00:06:58,380
‫todo o código em um determinado ponto no tempo, certo?

133
00:06:58,380 --> 00:07:02,170
‫E a filosofia é criar um novo commit cada vez que

134
00:07:02,170 --> 00:07:05,633
‫você fizer mudanças significativas em sua base de código.

135
00:07:06,481 --> 00:07:10,870
‫Portanto, o conceito de commit é realmente o ponto central do Git.

136
00:07:10,870 --> 00:07:14,880
‫Então tudo gira em torno de se comprometer, certo?

137
00:07:14,880 --> 00:07:17,893
‫E agora vamos apenas tentar modificar algum arquivo aqui.

138
00:07:18,900 --> 00:07:20,350
‫Portanto, podemos fechar tudo isso.

139
00:07:20,350 --> 00:07:25,163
‫Agora vamos abrir o aplicativo. js aqui, certo?

140
00:07:26,240 --> 00:07:27,563
‫Feche um pouco mais.

141
00:07:29,070 --> 00:07:34,070
‫E aqui vamos apenas dizer Iniciar aplicativo expresso.

142
00:07:35,220 --> 00:07:38,070
‫Salve e você verá imediatamente no

143
00:07:38,070 --> 00:07:41,260
‫VS Code como obtemos essa linha verde.

144
00:07:41,260 --> 00:07:42,540
‫E isso

145
00:07:42,540 --> 00:07:45,810
‫significa que havia algo novo inserido neste ponto.

146
00:07:45,810 --> 00:07:47,510
‫Agora você também

147
00:07:47,510 --> 00:07:50,500
‫pode clicar nele e ver basicamente como era

148
00:07:50,500 --> 00:07:53,730
‫antes, e também pode, aqui mesmo, voltar no tempo.

149
00:07:53,730 --> 00:07:55,343
‫Portanto, reverta a mudança.

150
00:07:56,630 --> 00:07:59,330
‫E a mesma coisa quando você apaga algo.

151
00:07:59,330 --> 00:08:01,500
‫Então, vamos apenas deletar essa linha de código.

152
00:08:01,500 --> 00:08:03,900
‫E aqui você vê que

153
00:08:03,900 --> 00:08:06,130
‫antes basicamente havia algo.

154
00:08:06,130 --> 00:08:08,340
‫Então, novamente, você pode clicar

155
00:08:08,340 --> 00:08:11,740
‫nele e basicamente ver o que havia antes.

156
00:08:11,740 --> 00:08:13,560
‫Você pode voltar no tempo,

157
00:08:13,560 --> 00:08:16,123
‫então vamos fazer isso para trazê-lo de volta.

158
00:08:17,409 --> 00:08:19,583
‫Agora, vamos tentar carregá-lo rapidamente aqui,

159
00:08:20,600 --> 00:08:23,870
‫mas por algum motivo os arquivos alterados não aparecem aqui.

160
00:08:23,870 --> 00:08:27,960
‫Então, idealmente, agora app. js estaria aqui nessa

161
00:08:27,960 --> 00:08:32,580
‫lista porque esse é o arquivo que acabei de editar, ok?

162
00:08:32,580 --> 00:08:35,270
‫Mas, novamente, de qualquer maneira, isso não é realmente importante.

163
00:08:35,270 --> 00:08:37,900
‫Ele também deve aparecer aqui nesta

164
00:08:37,900 --> 00:08:42,530
‫árvore de arquivos com uma cor diferente assim que eu o edite, ok?

165
00:08:42,530 --> 00:08:44,623
‫Agora, se dissermos git status

166
00:08:46,280 --> 00:08:51,280
‫novamente, você verá aqui modificado: app. js ok?

167
00:08:51,730 --> 00:08:54,160
‫Então essa é a única saída que

168
00:08:54,160 --> 00:08:56,420
‫temos aqui, e você também vê

169
00:08:56,420 --> 00:08:59,770
‫que as alterações ainda não foram testadas para commit, ok?

170
00:08:59,770 --> 00:09:02,670
‫E agora, novamente, vamos adicionar todos eles.

171
00:09:02,670 --> 00:09:05,810
‫Então git add e então -A, ou

172
00:09:05,810 --> 00:09:09,313
‫podemos também apenas adicionar este único arquivo ao add.

173
00:09:10,300 --> 00:09:14,440
‫Então, app. js tudo bem?

174
00:09:14,440 --> 00:09:18,430
‫Vamos tentar git status novamente, e agora está verde.

175
00:09:18,430 --> 00:09:21,940
‫E isso significa que as alterações serão confirmadas assim

176
00:09:21,940 --> 00:09:24,300
‫que fizermos um novo commit.

177
00:09:24,300 --> 00:09:27,743
‫Então vamos fazer isso, git commit -m.

178
00:09:29,820 --> 00:09:34,820
‫Para a mensagem, adicionou um comentário e

179
00:09:36,810 --> 00:09:38,550
‫é isso.

180
00:09:38,550 --> 00:09:41,000
‫Então, você vê, a mensagem adicionou o comentário.

181
00:09:41,000 --> 00:09:43,850
‫Um arquivo foi alterado e houve uma inserção.

182
00:09:43,850 --> 00:09:45,450
‫Então essa é essa linha aqui.

183
00:09:45,450 --> 00:09:49,150
‫E agora aquela barra verde que tínhamos aqui se foi,

184
00:09:49,150 --> 00:09:52,600
‫e isso significa que agora tudo está limpo novamente.

185
00:09:52,600 --> 00:09:55,640
‫Agora você também vê que este mestre aqui, você

186
00:09:55,640 --> 00:09:57,030
‫também vê aqui,

187
00:09:57,030 --> 00:10:00,040
‫e isso significa que estamos no ramo mestre.

188
00:10:00,040 --> 00:10:04,180
‫Portanto, branches são outro conceito muito importante no Git, mas não

189
00:10:04,180 --> 00:10:07,070
‫irei realmente entrar nisso neste ponto.

190
00:10:07,070 --> 00:10:10,750
‫Por enquanto, sempre trabalharemos apenas no branch master.

191
00:10:10,750 --> 00:10:14,140
‫Ótimo, agora você tem um repositório local com todo

192
00:10:14,140 --> 00:10:16,920
‫o seu código comprometido com ele.

193
00:10:16,920 --> 00:10:19,000
‫E assim, no próximo vídeo,

194
00:10:19,000 --> 00:10:22,480
‫vamos realmente colocar esse branch em um branch remoto no GitHub.

195
00:10:22,480 --> 00:10:25,170
‫Então, basicamente, hospede-o na conta do GitHub

196
00:10:25,170 --> 00:10:26,960
‫que acabamos de criar.

197
00:10:26,960 --> 00:10:28,560
‫Espero ver você lá em breve.