1
00:00:00,000 --> 00:00:05,693
[MÚSICA]

2
00:00:05,693 --> 00:00:09,002
Agora que você tem Node.js no seu computador,

3
00:00:09,002 --> 00:00:13,870
obviamente você está querendo começar a usá-lo imediatamente.

4
00:00:13,870 --> 00:00:17,038
Então, neste exercício, vamos começar a usar Node.

5
00:00:17,038 --> 00:00:20,921
Vamos configurar um arquivo empacotado, ou adjacente, para a

6
00:00:20,921 --> 00:00:25,500
nossa pasta de teste Git que temos trabalhado até agora.

7
00:00:25,500 --> 00:00:30,400
Em seguida, vamos configurar um módulo nó chamado como servidor lite que

8
00:00:30,400 --> 00:00:34,519
servirá o conteúdo da nossa pasta get test.

9
00:00:34,519 --> 00:00:39,760
E então podemos navegar este arquivo index.html e

10
00:00:39,760 --> 00:00:43,320
outros arquivos em um navegador.

11
00:00:43,320 --> 00:00:48,960
E também veremos como o servidor lite nos permitirá

12
00:00:50,390 --> 00:00:56,805
ver automaticamente as atualizações em nossa janela do navegador à medida que fazemos alterações em nosso

13
00:00:56,805 --> 00:01:02,333
arquivo index.html, ou quaisquer outros arquivos em nossa pasta get test.

14
00:01:02,333 --> 00:01:08,916
O servidor lite é algo que vamos usar extensivamente neste e

15
00:01:08,916 --> 00:01:14,010
futuros cursos, para poder ver as mudanças em tempo real

16
00:01:14,010 --> 00:01:19,125
em uma janela do navegador enquanto você edita os arquivos do seu projeto.

17
00:01:22,216 --> 00:01:25,650
Como mencionei, queremos configurar o arquivo package.json.

18
00:01:25,650 --> 00:01:29,300
Então, o que exatamente é esse arquivo.json que vamos configurar?

19
00:01:29,300 --> 00:01:32,738
Então aqui, eu tenho algumas informações

20
00:01:32,738 --> 00:01:38,390
do site npmjs.org

21
00:01:38,390 --> 00:01:43,176
que especifica o que exatamente é o papel do arquivo package.json.

22
00:01:43,176 --> 00:01:47,781
Portanto, o arquivo package.json serve como a documentação sobre o que todos os

23
00:01:47,781 --> 00:01:51,670
outros pacotes dos quais seu projeto é dependente.

24
00:01:51,670 --> 00:01:56,030
Assim, por exemplo, quando você configura o servidor lite do seu projeto,

25
00:01:56,030 --> 00:01:58,907
que será gravado no arquivo package.json.

26
00:01:58,907 --> 00:02:07,200
E para que, posteriormente, você também possa fazer uso desse pacote no futuro.

27
00:02:07,200 --> 00:02:12,460
Além disso, ele permite

28
00:02:12,460 --> 00:02:14,710
que você especifique qual versão específica de um pacote do qual seu projeto é dependente.

29
00:02:14,710 --> 00:02:19,784
Portanto, mesmo que o pacote do qual você depende mude no futuro,

30
00:02:19,784 --> 00:02:24,762
você pode insistir que você deseja que o usuário instale apenas uma

31
00:02:24,762 --> 00:02:30,650
versão específica do pacote para uso dentro de seu aplicativo de nó.

32
00:02:30,650 --> 00:02:34,151
E também, torna suas compilações reproduzíveis, o

33
00:02:34,151 --> 00:02:38,177
que significa que quando você compartilha seu código com outros

34
00:02:38,177 --> 00:02:42,552
, eles também podem fazer a instalação de todos os módulos de nó,

35
00:02:42,552 --> 00:02:47,128
como veremos mais adiante neste exercício, em seu próprio computador.

36
00:02:50,900 --> 00:02:57,610
Então, obviamente, sua próxima pergunta será, como criamos esse arquivo.json pacote?

37
00:02:57,610 --> 00:03:04,473
Se você estiver iniciando um novo projeto no qual deseja inicializar o

38
00:03:04,473 --> 00:03:10,425
arquivo package.json, basta digitar npm init no prompt na pasta do projeto.

39
00:03:10,425 --> 00:03:14,789
E, em seguida, isso irá levá-lo através de um conjunto de passos que lhe permitirá

40
00:03:14,789 --> 00:03:17,150
configurar o seu arquivo package.json.

41
00:03:17,150 --> 00:03:20,910
Então vamos prosseguir com isso para o nosso projeto de teste Git.

42
00:03:22,290 --> 00:03:28,200
Então aqui estou eu na pasta git-test na minha janela do terminal.

43
00:03:28,200 --> 00:03:32,615
Certifique-se de que também abre uma janela de terminal ou uma janela de comando e

44
00:03:32,615 --> 00:03:34,791
, em seguida, vá para a pasta git-test.

45
00:03:34,791 --> 00:03:38,831
E no prompt, digite npm init.

46
00:03:38,831 --> 00:03:43,235
E depois siga as perguntas que são feitas.

47
00:03:43,235 --> 00:03:48,275
Então, para o nome do projeto, vamos apenas deixá-lo como o padrão, git-test.

48
00:03:48,275 --> 00:03:51,546
Para a versão, vamos deixá-lo como 1.0.0.

49
00:03:51,546 --> 00:03:53,135
Podemos editar isso mais tarde.

50
00:03:53,135 --> 00:03:58,252
Para descrição,

51
00:03:58,252 --> 00:04:04,647
este é um diretório de teste

52
00:04:04,647 --> 00:04:10,740
para aprender Git e Node.

53
00:04:10,740 --> 00:04:13,400
Não importa, digite alguma descrição aí.

54
00:04:13,400 --> 00:04:16,994
E, em seguida, o ponto de entrada, eu diria apenas index.html.

55
00:04:18,260 --> 00:04:24,508
Normalmente, se for um pacote de nó, o ponto de entrada será index.js.

56
00:04:24,508 --> 00:04:28,623
Agora, esta pasta que temos configuração é

57
00:04:28,623 --> 00:04:34,280
uma pasta baseada em index.html, então é por isso que eu acabei de digitar index.html.

58
00:04:34,280 --> 00:04:35,972
Comando de teste, nada.

59
00:04:35,972 --> 00:04:40,994
Repositório Git, se já tivéssemos configurado o repositório git no

60
00:04:40,994 --> 00:04:45,297
exercício anterior, ele solicitará automaticamente que para você, caso contrário,

61
00:04:45,297 --> 00:04:50,318
isso estaria vazio e lhe dará uma opção para digitar o URL do repositório git,

62
00:04:50,318 --> 00:04:53,920
caso você esteja usando um repositório git online.

63
00:04:53,920 --> 00:04:56,980
Algumas palavras-chave para o seu projeto, que vou deixar em branco.

64
00:04:56,980 --> 00:04:58,760
Autor, digite seu nome.

65
00:04:58,760 --> 00:05:00,214
Vamos ser narcisistas.

66
00:05:04,497 --> 00:05:06,590
E a licença.

67
00:05:06,590 --> 00:05:15,050
E então, ele mostrará a configuração do arquivo package.json no formato JSON.

68
00:05:15,050 --> 00:05:18,860
Então, se sua família tem um JSON, parece muito, muito familiar para você.

69
00:05:18,860 --> 00:05:22,210
Então, se isso parece tudo bem, vamos apenas dizer OK e,

70
00:05:22,210 --> 00:05:27,790
em seguida, isso resulta na criação do arquivo package.json.

71
00:05:27,790 --> 00:05:30,970
Então, agora, se você listar o conteúdo da pasta,

72
00:05:30,970 --> 00:05:34,680
você veria o arquivo.json package.json no conteúdo da pasta.

73
00:05:36,430 --> 00:05:42,210
Abra essa pasta de teste do Git em seu editor favorito

74
00:05:42,210 --> 00:05:47,270
e, em seguida, dê uma olhada no conteúdo do arquivo package.json em seu editor.

75
00:05:48,950 --> 00:05:54,470
Como o próximo passo, vamos aprender como podemos instalar um módulo de nó

76
00:05:54,470 --> 00:05:57,950
usando NPM, o Node Package Manager.

77
00:05:57,950 --> 00:06:02,750
Então, vamos instalar este módulo de nó chamado como servidor de luz.

78
00:06:02,750 --> 00:06:07,890
O light server servirá o conteúdo desta pasta git-test em

79
00:06:07,890 --> 00:06:13,150
um servidor que ele inicia para que você possa visualizar o conteúdo em um navegador.

80
00:06:13,150 --> 00:06:15,753
Dado que temos um arquivo index.html,

81
00:06:15,753 --> 00:06:19,580
se servirmos esta pasta, então será um site.

82
00:06:19,580 --> 00:06:24,130
E você pode visualizar o index.html em um navegador.

83
00:06:24,130 --> 00:06:28,460
Então, vamos configurar o servidor de luz e, em seguida, vamos ver como podemos fazer

84
00:06:28,460 --> 00:06:31,820
uso do servidor de luz para servir o conteúdo desta pasta.

85
00:06:31,820 --> 00:06:36,530
Isso é muito, muito útil porque se você está trabalhando em um

86
00:06:36,530 --> 00:06:42,240
projeto de desenvolvimento web, você quer ver onde a versão live do seu projeto de desenvolvimento web.

87
00:06:42,240 --> 00:06:45,060
Para que, à medida que você fizer alterações em seu projeto,

88
00:06:45,060 --> 00:06:49,400
você possa ver as alterações imediatamente refletidas no navegador.

89
00:06:49,400 --> 00:06:53,840
Então este é um pacote de nó muito bom que é muito útil para este propósito.

90
00:06:53,840 --> 00:06:55,980
Então vamos configurar este servidor de luz.

91
00:06:55,980 --> 00:06:58,190
Para fazer isso, adicione o prompt.

92
00:06:58,190 --> 00:07:01,120
Digite a instalação do NPM.

93
00:07:01,120 --> 00:07:05,244
Portanto, observe, se você quiser que o NPM instale um pacote de nó,

94
00:07:05,244 --> 00:07:10,686
é assim que você vai chamá-lo e então você diria lite-server.

95
00:07:10,686 --> 00:07:16,685
E então, também queremos salvar o fato de que nosso projeto está usando o servidor lite.

96
00:07:16,685 --> 00:07:20,587
Então, vamos salvar essas informações no arquivo package.json.

97
00:07:20,587 --> 00:07:27,492
Então, para fazer isso, você vai digitar — salve-dev.

98
00:07:27,492 --> 00:07:33,398
Agora, a opção save-dev especifica que este servidor lite é usado para

99
00:07:33,398 --> 00:07:37,820
dependência de desenvolvimento para o nosso projeto.

100
00:07:37,820 --> 00:07:43,230
Se você estiver instalando um módulo de nó no qual seu projeto é diretamente

101
00:07:43,230 --> 00:07:48,680
dependente, então você iria instalá-lo simplesmente dizendo a opção —save.

102
00:07:49,680 --> 00:07:52,110
Então, vamos em frente e instalá-lo.

103
00:07:52,110 --> 00:07:56,990
E você espera pacientemente que a instalação ocorra.

104
00:08:00,140 --> 00:08:06,890
Levará alguns minutos para concluir a instalação.

105
00:08:06,890 --> 00:08:11,830
Uma vez instalado, então você

106
00:08:11,830 --> 00:08:16,771
notaria imediatamente quando você olhar para o conteúdo da sua pasta,

107
00:08:16,771 --> 00:08:25,099
você notará imediatamente que há uma pasta lá criada chamada node_modules.

108
00:08:25,099 --> 00:08:30,251
Agora, se você entrar no node_module, você verá um monte

109
00:08:30,251 --> 00:08:35,120
de outras subpastas lá, que contêm módulos de nó,

110
00:08:35,120 --> 00:08:40,098
que são necessários para os gostos do nosso módulo de nó e assim por diante.

111
00:08:40,098 --> 00:08:44,873
Então vamos fazer um tour rápido da pasta de módulos do nó para ver

112
00:08:44,873 --> 00:08:47,515
quais são os conteúdos destes.

113
00:08:50,764 --> 00:08:55,713
Indo para a minha pasta git-test, se você estiver indo para a pasta de módulos de nó

114
00:08:55,713 --> 00:09:00,130
, você veria, como eu disse, um monte de subpastas lá.

115
00:09:00,130 --> 00:09:04,972
Normalmente, você não precisa se aventurar na pasta de módulos de nó.

116
00:09:04,972 --> 00:09:09,222
Eles só existem lá porque eles são necessários para o [INAUDÍVEL].

117
00:09:09,222 --> 00:09:16,470
Assim, à medida que você navega, você deve notar uma pasta chamada lite-server aqui.

118
00:09:16,470 --> 00:09:18,970
Quando você entra na pasta lite-server,

119
00:09:18,970 --> 00:09:23,860
observe em particular a presença do arquivo index.js e, em

120
00:09:23,860 --> 00:09:27,690
seguida, seu arquivo package.json e várias outras coisas.

121
00:09:27,690 --> 00:09:33,538
Portanto, este conteúdo da pasta compreende o módulo do nó lite-server.

122
00:09:33,538 --> 00:09:38,010
Mas este módulo de nó lite-server é dependente de outros módulos de nó

123
00:09:38,010 --> 00:09:41,120
para fornecê-lo com alguma funcionalidade adicional.

124
00:09:41,120 --> 00:09:45,190
Então, essa é a razão pela qual quando você instala o módulo de nó de servidor leve, ele irá, por sua vez,

125
00:09:45,190 --> 00:09:51,590
instalar muitos outros módulos de nó, dos quais o próprio servidor de luz é dependente.

126
00:09:51,590 --> 00:09:56,239
Então essa é a razão pela qual você vê essa explosão dessas

127
00:09:56,239 --> 00:10:00,800
pastas dentro dos módulos do nó.

128
00:10:00,800 --> 00:10:04,670
Não se preocupe muito com isso, a soma total de pastas não será

129
00:10:04,670 --> 00:10:08,620
mais do que algumas dezenas de megabytes.

130
00:10:08,620 --> 00:10:12,310
Portanto, ele não vai encher seu diretório com lixo.

131
00:10:13,400 --> 00:10:17,680
Isso é tudo essencial para nó para ser capaz de ajudá-lo.

132
00:10:19,420 --> 00:10:24,280
Caso você esteja curioso sobre o servidor de lite-lite-e como ele funciona e assim por diante,

133
00:10:24,280 --> 00:10:29,780
você sempre pode ir até este site do GitHub onde o servidor de lite-está hospedado.

134
00:10:29,780 --> 00:10:35,260
E, em seguida, procure a documentação para lite-server.

135
00:10:35,260 --> 00:10:40,040
Vou apresentar-lhe tudo o que você precisa saber sobre lite-server enquanto passamos por

136
00:10:40,040 --> 00:10:42,830
este curso e os cursos restantes.

137
00:10:42,830 --> 00:10:47,223
Então você não precisa se preocupar muito com isso, mas apenas no caso de você estar curioso,

138
00:10:47,223 --> 00:10:51,306
você sempre pode ir ao site para descobrir mais detalhes sobre lite-server.

139
00:10:51,306 --> 00:10:56,651
O link é fornecido em suas instruções de exercício e

140
00:10:56,651 --> 00:11:01,307
recursos adicionais fazem parte desta lição.

141
00:11:03,640 --> 00:11:08,556
Depois de ter concluído isso, em seguida, vá para o.

142
00:11:10,139 --> 00:11:15,050
Editor onde você tem a pasta, pasta Git-Test, aberta e,

143
00:11:15,050 --> 00:11:18,925
em seguida, exibir o conteúdo do arquivo package.json.

144
00:11:18,925 --> 00:11:23,876
Assim, você veria que o arquivo package.json contém exatamente as informações que

145
00:11:23,876 --> 00:11:25,722
você configurou com seu NPM.

146
00:11:25,722 --> 00:11:30,937
Então você veria a versão do nome e o autor do repositório e,

147
00:11:30,937 --> 00:11:35,096
em particular, anote essas informações aqui.

148
00:11:35,096 --> 00:11:41,211
Ele diz DevDependencies, então ele especifica o lite-sever,

149
00:11:41,211 --> 00:11:44,931
e também notar que diz hat 2.2.2.

150
00:11:44,931 --> 00:11:50,643
Então, o que significa que este projeto específico

151
00:11:50,643 --> 00:11:58,056
depende de lite-server que é pelo menos uma versão 2.2.2 ou superior.

152
00:11:58,056 --> 00:12:00,472
Então isso é muito útil para nós.

153
00:12:00,472 --> 00:12:04,110
Por que precisamos dessa informação aqui?

154
00:12:04,110 --> 00:12:07,331
Mais tarde, quando você for para os outros exercícios,

155
00:12:07,331 --> 00:12:11,874
você notará que, ao armazenar isso em um repositório online,

156
00:12:11,874 --> 00:12:16,765
você não quer armazenar tudo na pasta de módulos de nó.

157
00:12:16,765 --> 00:12:23,950
Você só estará armazenando informações de todos os arquivos que criamos.

158
00:12:23,950 --> 00:12:28,849
A pasta de módulos de nó sempre pode ser recriada

159
00:12:28,849 --> 00:12:33,056
digitando NPM install em nosso prompt de comando.

160
00:12:33,056 --> 00:12:35,905
E, em seguida, com base nas dependências de desenvolvimento e

161
00:12:35,905 --> 00:12:40,602
dependências listadas no arquivo packager, todos os

162
00:12:40,602 --> 00:12:45,306
módulos de nó dos quais seu projeto depende serão instalados automaticamente.

163
00:12:45,306 --> 00:12:50,194
Veremos isso mais tarde sobre como usar a

164
00:12:50,194 --> 00:12:54,389
instalação do NPM neste curso.

165
00:12:56,473 --> 00:13:02,098
Agora que estamos no arquivo package.json vamos fazer algumas edições para

166
00:13:02,098 --> 00:13:08,431
que possamos fazer uso do lite-server para servir esse conteúdo.

167
00:13:08,431 --> 00:13:14,520
Então aqui, nesta opção chamada scripts,

168
00:13:14,520 --> 00:13:18,181
vamos adicionar mais um aqui.

169
00:13:18,181 --> 00:13:20,806
Então vamos dizer “começar”.

170
00:13:20,806 --> 00:13:26,673
Então start é um comando que o NPM suporta que permite que

171
00:13:26,673 --> 00:13:32,682
você especifique um monte de coisas que serão iniciadas.

172
00:13:32,682 --> 00:13:35,264
Então, mais tarde, veremos como fazemos uso disso.

173
00:13:35,264 --> 00:13:39,512
Então aqui vou eu dizer “npm run lite”.

174
00:13:43,557 --> 00:13:48,462
E depois desse teste, vou adicionar

175
00:13:48,462 --> 00:13:53,059
mais uma entrada chamada “lite”,

176
00:13:53,059 --> 00:13:59,971
que vou configurar como “lite-server”, ok?

177
00:13:59,971 --> 00:14:04,889
Com essas alterações, vamos salvar o arquivo package.json.

178
00:14:04,889 --> 00:14:11,170
E então, agora nosso projeto está configurado, de modo que agora se você iniciar o lite- server,

179
00:14:11,170 --> 00:14:16,682
o conteúdo de sua pasta será agora servido em seu navegador favorito.

180
00:14:21,306 --> 00:14:24,890
Voltando ao nosso prompt de comando, adicione o prompt.

181
00:14:24,890 --> 00:14:29,531
Se eu digitar, npm start, agora você vê por que eu coloquei o

182
00:14:29,531 --> 00:14:34,181
início do cartão de entrada no meu arquivo Package.json.

183
00:14:34,181 --> 00:14:41,222
Se eu disser npm start, seja qual for o início configurado como no arquivo Package.json,

184
00:14:41,222 --> 00:14:47,472
nós especificamos que npm run light, e o lite foi especificado como servidor lite.

185
00:14:47,472 --> 00:14:50,420
Então, essencialmente, estamos dizendo Iniciar o servidor de lite-.

186
00:14:50,420 --> 00:14:54,821
Então, uma vez que eu digite npm start, ele irá iniciar o lite-server, e

187
00:14:54,821 --> 00:14:57,931
ele irá servir o conteúdo desta pasta.

188
00:14:57,931 --> 00:15:00,889
Agora, como você acessa o conteúdo desta pasta?

189
00:15:00,889 --> 00:15:04,812
Se você quiser acessar isso localmente,

190
00:15:04,812 --> 00:15:12,056
você irá acessá-lo especificando o que você é como localhost: 3000.

191
00:15:12,056 --> 00:15:15,389
Estas são as configurações padrão para o lite-server.

192
00:15:15,389 --> 00:15:19,831
Além disso, isso deve abrir automaticamente

193
00:15:19,831 --> 00:15:24,382
a janela do navegador do seu navegador padrão, e

194
00:15:24,382 --> 00:15:29,722
mostrar o conteúdo do índice ou HTML na janela do navegador.

195
00:15:29,722 --> 00:15:34,480
Aqui você pode ver que eu abri meu editor e

196
00:15:34,480 --> 00:15:39,849
minha janela do navegador direcionada ao localhost:3000

197
00:15:39,849 --> 00:15:44,730
simultaneamente lado a lado, para que possamos ver

198
00:15:44,730 --> 00:15:49,733
como a janela do navegador refletirá imediatamente

199
00:15:49,733 --> 00:15:54,760
quaisquer alterações que fizermos em nossa pasta de teste Git.

200
00:15:54,760 --> 00:15:57,780
Então deixe-me ir para index.html.

201
00:15:57,780 --> 00:16:03,060
E então, pelo bem do espaço, eu vou virar isso.

202
00:16:03,060 --> 00:16:07,680
E então, então aqui, você pode ver que este é o conteúdo disso.

203
00:16:07,680 --> 00:16:11,554
E então, agora, deixe-me acrescentar mais um parágrafo.

204
00:16:21,328 --> 00:16:27,338
E salve as alterações e, em seguida, você notará imediatamente que

205
00:16:27,338 --> 00:16:34,980
a alteração que fiz no meu arquivo index.html é refletida no meu navegador.

206
00:16:34,980 --> 00:16:40,560
Isso fornece uma maneira muito agradável de ser capaz de observar em

207
00:16:40,560 --> 00:16:45,890
tempo real as alterações que você faz em seu código sendo refletidas em seu navegador.

208
00:16:45,890 --> 00:16:49,920
Então, quando você está trabalhando em um projeto, será muito apropriado

209
00:16:49,920 --> 00:16:52,175
para você ser capaz de ver as mudanças imediatamente.

210
00:16:52,175 --> 00:16:54,895
Então, quando você faz uma alteração e, em seguida, salva

211
00:16:54,895 --> 00:16:59,185
o arquivo, o código modificado é imediatamente carregado em seu navegador.

212
00:16:59,185 --> 00:17:04,420
Assim, você pode ver imediatamente a mudança sendo refletida na janela do seu navegador.

213
00:17:04,420 --> 00:17:12,400
Esta é uma ferramenta muito útil enquanto você está fazendo o desenvolvimento de seu projeto.

214
00:17:12,400 --> 00:17:18,026
Essa é a razão pela qual eu apresentei você a esse servidor de lite-, e

215
00:17:18,026 --> 00:17:24,791
configurá-lo para que possamos fazer uso dele, à medida que desenvolvemos o site neste curso.

216
00:17:27,033 --> 00:17:32,092
Se você se lembra, nós já tínhamos configurado nossa pasta git-test para ser um repositório Git.

217
00:17:32,092 --> 00:17:37,435
Então verificando novamente,

218
00:17:37,435 --> 00:17:40,805
Veremos que já temos três commits em nosso repositório Git.

219
00:17:40,805 --> 00:17:45,885
E este repositório Git já está espelhado para o nosso repositório Git online

220
00:17:45,885 --> 00:17:51,015
que configuramos no exercício anterior, seja no Bitbucket ou no GitHub.

221
00:17:51,015 --> 00:17:55,665
Minha pasta git-test é sincronizada com meu

222
00:17:55,665 --> 00:18:02,380
repositório Bitbucket neste exercício específico.

223
00:18:02,380 --> 00:18:08,220
Então, o que eu vou fazer agora é mostrar a você como você pode excluir algumas

224
00:18:08,220 --> 00:18:13,830
pastas da pasta do seu projeto

225
00:18:13,830 --> 00:18:19,760
e, em seguida, certificar-se de que elas não estão sincronizadas com seu repositório online.

226
00:18:19,760 --> 00:18:24,480
Agora, como eu disse, a pasta node_modules sempre pode ser recriada

227
00:18:24,480 --> 00:18:27,840
digitando npm install no prompt.

228
00:18:27,840 --> 00:18:31,490
Então é por isso que quando você carrega

229
00:18:31,490 --> 00:18:36,690
o conteúdo de sua pasta para um repositório Git on-line,

230
00:18:36,690 --> 00:18:42,320
ou quando você faz um commit da pasta para o seu repositório Git,

231
00:18:42,320 --> 00:18:47,230
você não quer que a pasta node_modules ou todas as subpastas abaixo dela sejam

232
00:18:47,230 --> 00:18:52,280
incluídas no commit.

233
00:18:52,280 --> 00:18:55,950
Então, como excluímos algumas pastas ou

234
00:18:55,950 --> 00:19:02,380
alguns arquivos de nossa pasta de serem registrados em nosso repositório Git?

235
00:19:02,380 --> 00:19:08,680
Então, para fazer isso, vamos configurar um arquivo chamado .gitignore.

236
00:19:08,680 --> 00:19:11,860
Então esse é o nome do arquivo, .gitignore.

237
00:19:11,860 --> 00:19:17,220
Então, para criar este arquivo.gitignore, vamos para o nosso editor.

238
00:19:18,550 --> 00:19:23,956
Então, no editor, na pasta git-test,

239
00:19:23,956 --> 00:19:31,300
eu vou criar um novo arquivo e vou chamá-lo de .gitignore.

240
00:19:31,300 --> 00:19:34,650
Note que o nome começa com um ponto e

241
00:19:34,650 --> 00:19:39,840
, em seguida, o resto do nome é g-i-t-i-g-n-o-r-e.

242
00:19:39,840 --> 00:19:44,492
Então isso é muito importante que você configure o arquivo com exatamente esse nome,

243
00:19:44,492 --> 00:19:45,329
.gitignore.

244
00:19:46,500 --> 00:19:51,070
Então vamos criar este arquivo chamado .gitignore, e

245
00:19:51,070 --> 00:19:57,360
a primeira linha desse arquivo, vamos digitar como node_modules.

246
00:19:57,360 --> 00:20:01,450
Então o que isso significa é que a pasta node_modules vai ser

247
00:20:01,450 --> 00:20:04,410
excluída do nosso commit git.

248
00:20:05,850 --> 00:20:08,896
Então, uma vez que eu criar esse arquivo.gitignore e

249
00:20:08,896 --> 00:20:14,900
, em seguida, adicionar node_modules no arquivo.gitignore, vamos salvar as alterações.

250
00:20:14,900 --> 00:20:19,735
E então vamos agora fazer um commit do estado atual do nosso projeto

251
00:20:19,735 --> 00:20:24,700
em nosso repositório Git.

252
00:20:24,700 --> 00:20:27,220
Espero que se lembre de seus comandos git.

253
00:20:27,220 --> 00:20:31,310
Vamos fazer um status git e, em seguida, quando você fizer isso,

254
00:20:31,310 --> 00:20:36,194
você notará imediatamente que você tem o

255
00:20:36,194 --> 00:20:42,070
arquivo index.html marcado como modificado e, em seguida, os dois novos arquivos, .gitignore e package.json.

256
00:20:42,070 --> 00:20:49,500
Então, fazemos um git add. e, em seguida, fazer um git status.

257
00:20:49,500 --> 00:20:54,120
E então você vê que todos esses novos arquivos foram registrados em seu commit.

258
00:20:54,120 --> 00:21:01,090
Vamos fazer um git commit. git commit -m “quarto commit”.

259
00:21:01,090 --> 00:21:05,440
E os arquivos estão comprometidos.

260
00:21:05,440 --> 00:21:09,303
Vamos enviar o novo commit para o nosso repositório online.

261
00:21:09,303 --> 00:21:13,905
Então, para fazer isso git push -u

262
00:21:13,905 --> 00:21:18,510
origem mestre e esperar

263
00:21:18,510 --> 00:21:23,750
que ele seja empurrado para o nosso servidor.

264
00:21:23,750 --> 00:21:27,403
Agora, se você for para o seu repositório Git on-line,

265
00:21:27,403 --> 00:21:30,871
você verá que o arquivo package.json e

266
00:21:30,871 --> 00:21:36,132
.gitignore teriam sido registrados em seu repositório Git.

267
00:21:36,132 --> 00:21:41,195
Indo para o meu repositório Bitbucket a partir do teste do Git, você verá que

268
00:21:41,195 --> 00:21:47,320
quando eu olhar para a fonte, você verá que o arquivo package.json foi adicionado.

269
00:21:47,320 --> 00:21:54,600
O .gitignore foi adicionado e o novo arquivo index.html foi verificado.

270
00:21:54,600 --> 00:21:57,570
Então isso completa este exercício.

271
00:21:57,570 --> 00:21:58,770
Então, neste exercício,

272
00:21:58,770 --> 00:22:03,586
aprendemos como configurar um arquivo package.json usando npm init.

273
00:22:03,586 --> 00:22:07,310
Aprendemos como instalar um módulo npm.

274
00:22:07,310 --> 00:22:11,900
E nós aprendemos como usar o módulo npm lite-server para servir

275
00:22:11,900 --> 00:22:18,100
o conteúdo de nossa pasta de projeto para que ele possa ser visualizado em um navegador.

276
00:22:18,100 --> 00:22:21,920
Então, esta é uma boa maneira de servir seu conteúdo web,

277
00:22:21,920 --> 00:22:25,360
seu aplicativo web ou seu site,

278
00:22:25,360 --> 00:22:31,680
para que você possa ver mudanças em tempo real sendo refletidas na janela do seu navegador.

279
00:22:31,680 --> 00:22:37,280
E então também vimos como podemos configurar o .gitignore para que algumas

280
00:22:37,280 --> 00:22:42,790
pastas possam ser excluídas do check-in em nosso repositório Git.

281
00:22:42,790 --> 00:22:45,450
Isso completa este exercício.

282
00:22:45,450 --> 00:22:50,450
Então, com isso, eu tenho certeza que você tem uma boa alça sobre

283
00:22:50,450 --> 00:22:56,280
o uso de ambos Git, e, em seguida, também nó e nó módulos.

284
00:22:56,280 --> 00:23:02,020
Não se preocupe, nós estaremos usando nó extensivamente, de várias maneiras,

285
00:23:02,020 --> 00:23:05,610
como você passar pelos cursos desta especialização.

286
00:23:05,610 --> 00:23:06,497
Isto é só um começo.

287
00:23:06,497 --> 00:23:13,270
[ MUSIC]