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

2
00:00:05,564 --> 00:00:08,927
Agora que você tem Node.js em seu computador,

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

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

5
00:00:16,844 --> 00:00:19,980
Vamos configurar um arquivo package.json para

6
00:00:19,980 --> 00:00:24,880
nossa pasta git-test com a qual temos trabalhado até agora,

7
00:00:24,880 --> 00:00:29,780
então vamos configurar um módulo Node chamado como lite-server que

8
00:00:29,780 --> 00:00:34,610
irá servir o conteúdo da nossa pasta git-test.

9
00:00:34,610 --> 00:00:39,860
E então podemos navegar neste arquivo index.html e

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

11
00:00:43,320 --> 00:00:48,499
E também veremos como o lite-server permitirá que

12
00:00:48,499 --> 00:00:53,089
nos veja automaticamente atualizações na janela

13
00:00:53,089 --> 00:00:58,149
do navegador conforme fazemos alterações em nosso arquivo index.html ou

14
00:00:58,149 --> 00:01:02,283
quaisquer outros arquivos em nossa pasta git-test.

15
00:01:02,283 --> 00:01:08,685
O lite-server é algo que vamos usar extensivamente neste e

16
00:01:08,685 --> 00:01:13,805
cursos futuros para poder ver as mudanças em tempo real em

17
00:01:13,805 --> 00:01:18,730
uma janela do navegador enquanto você edita os arquivos do seu projeto.

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

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

20
00:01:29,030 --> 00:01:33,254
Então aqui, eu tenho algumas informações de

21
00:01:33,254 --> 00:01:37,874
o site npmjs.org que especifica o que

22
00:01:37,874 --> 00:01:43,184
exatamente é o papel do arquivo package.json.

23
00:01:43,184 --> 00:01:47,210
Assim, o arquivo package.json serve como a documentação

24
00:01:47,210 --> 00:01:51,670
sobre o que todos os outros pacotes dos quais o seu projeto depende.

25
00:01:51,670 --> 00:01:55,130
Assim, por exemplo, quando você configurar o lite-server para

26
00:01:55,130 --> 00:01:59,210
seu projeto, isso será gravado no arquivo package.json.

27
00:01:59,210 --> 00:02:07,200
Assim, posteriormente, você também pode fazer uso desse pacote no futuro.

28
00:02:07,200 --> 00:02:12,460
Além disso, ele permite que você especifique qual versão específica de um pacote

29
00:02:12,460 --> 00:02:14,710
que seu projeto está dependente.

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

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

32
00:02:24,762 --> 00:02:30,650
específica do pacote para uso em seu aplicativo Node.

33
00:02:30,650 --> 00:02:33,938
E também torna suas construções reprodutíveis,

34
00:02:33,938 --> 00:02:37,918
o que significa que quando você compartilha seu código com outros,

35
00:02:37,918 --> 00:02:42,243
então eles também podem fazer a instalação de todos os módulos Node,

36
00:02:42,243 --> 00:02:46,767
como veremos mais tarde neste exercício, em seu próprio computador.

37
00:02:50,728 --> 00:02:57,610
Então, obviamente, sua próxima pergunta seria, como criamos esse arquivo package.json?

38
00:02:57,610 --> 00:03:02,800
Se você estiver inicializando um novo projeto, onde deseja inicializar o arquivo package.json

39
00:03:02,800 --> 00:03:10,420
, basta digitar npm init no prompt na pasta do projeto.

40
00:03:10,420 --> 00:03:13,300
E então isso irá levá-lo através de um conjunto de passos

41
00:03:13,300 --> 00:03:17,150
que lhe permitirá configurar o seu arquivo package.json.

42
00:03:17,150 --> 00:03:20,910
Então vamos prosseguir com isso para o nosso projeto git-test.

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

44
00:03:28,200 --> 00:03:31,900
Certifique-se de que você também abre uma janela de terminal ou

45
00:03:31,900 --> 00:03:34,728
uma janela de comando e, em seguida, vá para a pasta git-test.

46
00:03:34,728 --> 00:03:43,235
No prompt, digite npm init e 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,453
Para a versão, vamos apenas deixá-lo como 1.0.0.

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

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

51
00:03:58,175 --> 00:04:04,475
Este é um diretório de teste

52
00:04:04,475 --> 00:04:10,462
para aprender Git e Node.

53
00:04:10,462 --> 00:04:13,400
Não importa, digite alguma descrição lá.

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

55
00:04:18,260 --> 00:04:24,508
Normalmente, se for um pacote Node, o ponto de entrada seria index.js.

56
00:04:24,508 --> 00:04:30,369
Agora, esta pasta que nós configuramos é uma pasta baseada em index.html,

57
00:04:30,369 --> 00:04:34,018
então é por isso que eu apenas digite index.html.Comando de teste

58
00:04:34,018 --> 00:04:35,801
, nada.

59
00:04:35,801 --> 00:04:40,365
repositório Git, Se já tivéssemos configurado o repositório Git no exercício anterior

60
00:04:40,365 --> 00:04:43,783
, ele irá automaticamente solicitar isso para você.

61
00:04:43,783 --> 00:04:48,733
Caso contrário, isso estará vazio e dará a você uma opção de digitar o URL do repositório Git

62
00:04:48,733 --> 00:04:53,920
no caso de você estar 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,501
Autor, digite seu nome.

65
00:04:58,501 --> 00:04:59,933
Vamos ser narcisistas.

66
00:05:04,337 --> 00:05:06,267
E licença.

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

68
00:05:15,050 --> 00:05:18,566
Então, se você está familiarizado com JSON, isso vai parecer muito, muito familiar para você.

69
00:05:18,566 --> 00:05:21,756
Então, se isso parece tudo bem, vamos apenas dizer ok.

70
00:05:21,756 --> 00:05:27,790
E então isso resulta na criação dos arquivos.json package.json.

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

72
00:05:31,014 --> 00:05:36,109
você veria o arquivo package.json no conteúdo da pasta.

73
00:05:36,109 --> 00:05:40,932
Abra a pasta git-test no seu editor favorito e

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

75
00:05:48,950 --> 00:05:53,161
Como o próximo passo, vamos aprender como podemos instalar

76
00:05:53,161 --> 00:05:57,702
a Node módulo usando o NPM, o Node Package Manager.

77
00:05:57,702 --> 00:06:02,434
Então, vamos instalar este módulo de nó chamado como lite-server.

78
00:06:02,434 --> 00:06:07,432
O lite-server servirá o conteúdo desta pasta git-test em

79
00:06:07,432 --> 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:18,404
Dado que temos um arquivo index.html, se servirmos esta pasta

81
00:06:18,404 --> 00:06:24,130
então será um site e você pode visualizar o index.html em um navegador.

82
00:06:24,130 --> 00:06:28,460
Então vamos configurar o lite-server e então vamos ver como podemos fazer

83
00:06:28,460 --> 00:06:31,820
uso do lite-server para servir o conteúdo desta pasta.

84
00:06:31,820 --> 00:06:37,310
Isso é muito, muito útil porque se você está trabalhando em um projeto de desenvolvimento web,

85
00:06:37,310 --> 00:06:42,380
você quer ver a versão ao vivo do seu projeto de desenvolvimento web para

86
00:06:42,380 --> 00:06:45,060
que, à medida que você faz alterações em seu projeto,

87
00:06:45,060 --> 00:06:49,400
você pode ver as mudanças imediatamente refletidas no navegador.

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

89
00:06:53,840 --> 00:06:55,980
Então vamos configurar o servidor lite-.

90
00:06:55,980 --> 00:07:01,120
Para fazer isso no prompt, digite npm install.

91
00:07:01,120 --> 00:07:04,273
Então note, se você quiser que o npm instale um pacote Node,

92
00:07:04,273 --> 00:07:06,594
é assim que você vai chamá-lo.

93
00:07:06,594 --> 00:07:10,674
E então você diria lite-server.

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

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

96
00:07:20,670 --> 00:07:27,918
Então, para fazer isso, vamos digitar —save-dev.

97
00:07:27,918 --> 00:07:33,641
Agora, a opção save-dev especifica que este lite-server é usado para

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

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

100
00:07:43,230 --> 00:07:49,680
em, então você iria instalá-lo simplesmente dizendo opção —save.

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

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

103
00:08:00,197 --> 00:08:07,029
Levará alguns minutos para que isso conclua sua instalação.

104
00:08:07,029 --> 00:08:11,991
Uma vez que está instalado, então você iria imediatamente

105
00:08:11,991 --> 00:08:16,953
notar quando você olhar para o conteúdo da sua pasta,

106
00:08:16,953 --> 00:08:25,333
você vai notar imediatamente que há uma pasta lá criado nome_node_modules.

107
00:08:25,333 --> 00:08:30,459
Agora, se você entrar no node_modules você verá um monte inteiro

108
00:08:30,459 --> 00:08:35,492
de outras subpastas lá que contêm módulos de nó que

109
00:08:35,492 --> 00:08:40,170
são necessários para o módulo de nó lite-sever e assim por diante.

110
00:08:40,170 --> 00:08:44,925
Então, vamos fazer um tour rápido da pasta node_modules para ver

111
00:08:44,925 --> 00:08:47,363
quais são os conteúdos destes.

112
00:08:50,810 --> 00:08:55,893
Indo para a minha pasta git-test, se você estiver indo para a pasta node_modules,

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

114
00:09:00,130 --> 00:09:04,904
Normalmente você não precisa ser renderizado na pasta node_modules,

115
00:09:04,904 --> 00:09:09,384
eles só existem lá porque eles são necessários para o lite-server.

116
00:09:09,384 --> 00:09:16,470
Então, como você navega através de você, deve uma pasta de aviso chamado lite-server aqui.

117
00:09:16,470 --> 00:09:21,400
Quando você entra na pasta lite-server, observe em particular a presença de

118
00:09:21,400 --> 00:09:27,690
o arquivo index.js e, em seguida, um arquivo package.json e várias outras coisas.

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

120
00:09:33,928 --> 00:09:38,010
Mas este módulo de nó lite-server depende de outros módulos de nó

121
00:09:38,010 --> 00:09:41,120
para fornecer-lhe algumas funcionalidades adicionais.

122
00:09:41,120 --> 00:09:46,456
Então essa é a razão, quando você instala o módulo de nó lite-server, ele vai, por sua vez,

123
00:09:46,456 --> 00:09:51,590
instalar muitos outros módulos de nó nos quais o próprio lite-server é dependente.

124
00:09:51,590 --> 00:09:56,810
Então essa é a razão pela qual você vê essa explosão de

125
00:09:56,810 --> 00:10:00,800
essas pastas dentro da pasta node_modules.

126
00:10:00,800 --> 00:10:06,090
Não se preocupe muito com isso, a soma total de tudo isso não será mais do que

127
00:10:06,090 --> 00:10:08,620
algumas dezenas de megabytes.

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

129
00:10:13,400 --> 00:10:17,680
Isso tudo é essencial para que o nó seja capaz de ajudá-lo.

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

131
00:10:24,280 --> 00:10:30,010
Você pode sempre ir até este site do GitHub onde o lite-server é postado e

132
00:10:30,010 --> 00:10:33,855
então procurar a documentação para lite-server.

133
00:10:35,260 --> 00:10:40,040
Vou apresentá-lo a tudo o que você precisa saber sobre lite-server como passamos por

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

135
00:10:42,830 --> 00:10:44,560
Então você não precisa se preocupar muito com isso.

136
00:10:44,560 --> 00:10:46,890
Mas no caso de você estar curioso,

137
00:10:46,890 --> 00:10:51,590
você sempre pode ir a este site para descobrir mais detalhes sobre lite-server.

138
00:10:51,590 --> 00:10:55,710
O link é fornecido em suas instruções de exercício e

139
00:10:55,710 --> 00:11:01,220
recursos adicionais fazem parte desta lição.

140
00:11:04,040 --> 00:11:09,357
Uma vez que você tenha concluído isso, então vá para o editor,

141
00:11:09,357 --> 00:11:14,258
onde você tem a pasta, pasta git-test, abra e

142
00:11:14,258 --> 00:11:18,753
em seguida, visualize o conteúdo do arquivo package.json.

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

144
00:11:23,604 --> 00:11:25,691
você configurou com seu npm nele.

145
00:11:25,691 --> 00:11:31,414
Assim, você veria o nome, versão e autor do repositório,

146
00:11:31,414 --> 00:11:38,142
e, em particular, observe que esta informação aqui diz DevDependencies.

147
00:11:38,142 --> 00:11:45,034
E, em seguida, especifica lite-server, e também notar que diz, ^2.2.2.

148
00:11:45,034 --> 00:11:50,086
Então, o que significa que este projeto em particular depende de

149
00:11:50,086 --> 00:11:54,858
lite-server que é uma versão pelo menos 2.2.2.

150
00:11:54,858 --> 00:11:56,078
Todos de alto nível.

151
00:11:57,308 --> 00:12:00,488
Então isso é muito útil para nós.

152
00:12:00,488 --> 00:12:05,942
Agora, por que precisamos dessa informação aqui, mais tarde quando você for para os outros exercícios

153
00:12:05,942 --> 00:12:11,669
, você notará que quando você armazenar isso em um repositório online.

154
00:12:11,669 --> 00:12:16,738
Você não quer armazenar tudo em sua pasta node_modules.

155
00:12:16,738 --> 00:12:23,902
Estaremos apenas armazenando informações de todos os arquivos que criamos.

156
00:12:23,902 --> 00:12:28,896
A pasta node_modules sempre pode ser recriada por

157
00:12:28,896 --> 00:12:33,270
digitando nmp install em nosso prompt de comando.

158
00:12:33,270 --> 00:12:36,260
E, em seguida, com base nas dependências DevDependencies e

159
00:12:36,260 --> 00:12:40,235
que estão listadas no arquivo package.json.

160
00:12:40,235 --> 00:12:44,542
Todos os módulos de nó dos quais seu projeto depende serão automaticamente

161
00:12:44,542 --> 00:12:45,338
instalados.

162
00:12:45,338 --> 00:12:48,868
Veremos isso mais tarde,

163
00:12:48,868 --> 00:12:54,330
sobre como usar o npm install neste curso.

164
00:12:56,150 --> 00:13:02,020
Agora, agora que estamos no arquivo package.json, vamos fazer algumas edições para

165
00:13:02,020 --> 00:13:08,630
que poderemos fazer uso do lite-server para servir esse conteúdo.

166
00:13:08,630 --> 00:13:14,694
Então, aqui nesta opção chamada scripts,

167
00:13:14,694 --> 00:13:18,430
vamos adicionar mais um aqui.

168
00:13:18,430 --> 00:13:20,618
Então vamos dizer, começar.

169
00:13:20,618 --> 00:13:26,540
Então start é um comando que npm suporta

170
00:13:26,540 --> 00:13:32,890
que permite especificar um monte de coisas que serão iniciadas.

171
00:13:32,890 --> 00:13:35,312
Então, mais tarde, vamos ver como vamos fazer uso disso.

172
00:13:35,312 --> 00:13:39,668
Então aqui, eu vou dizer, npm executar lite.

173
00:13:43,407 --> 00:13:48,009
E depois do teste, eu vou

174
00:13:48,009 --> 00:13:52,788
para adicionar em mais uma entrada chamada,

175
00:13:52,788 --> 00:13:59,725
lite que eu vou configurar como lite-server.

176
00:13:59,725 --> 00:14:04,798
Ok, com essas mudanças, vamos salvar o arquivo package.json e

177
00:14:04,798 --> 00:14:07,740
então agora, nosso projeto está configurado.

178
00:14:07,740 --> 00:14:11,046
Para que agora, se você iniciar o lite-server,

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

180
00:14:21,690 --> 00:14:25,050
Voltando para o nosso prompt de comando e o prompt.

181
00:14:25,050 --> 00:14:29,470
Se eu digitar npm start, agora você vê por que

182
00:14:29,470 --> 00:14:34,320
eu coloquei essa entrada chamada start no meu arquivo package.json.

183
00:14:34,320 --> 00:14:39,480
Então, se eu disser npm start, seja qual for o início configurado como,

184
00:14:39,480 --> 00:14:42,310
no arquivo package.json.

185
00:14:42,310 --> 00:14:47,640
Nós especificamos que, como npm executar lite, e, em seguida, lite foi especificado como lite-server.

186
00:14:47,640 --> 00:14:50,420
Então, essencialmente, estamos dizendo iniciar o lite-server.

187
00:14:50,420 --> 00:14:54,751
Assim, uma vez que eu digitar, npm start, ele vai iniciar o lite-server e

188
00:14:54,751 --> 00:14:57,928
ele vai servir até o conteúdo desta pasta.

189
00:14:57,928 --> 00:15:00,921
Agora, como você acessar o conteúdo desta pasta?

190
00:15:00,921 --> 00:15:06,912
Se você quiser acessá-lo localmente, você acessará por

191
00:15:06,912 --> 00:15:12,120
especificando o URL como localhost:3000.

192
00:15:12,120 --> 00:15:15,550
Esta é a configuração padrão para o lite-server.

193
00:15:15,550 --> 00:15:19,838
Além disso, isso deve abrir automaticamente

194
00:15:19,838 --> 00:15:24,016
a janela do navegador do seu navegador padrão e

195
00:15:24,016 --> 00:15:29,707
então mostrar o conteúdo de index.html nessa janela do navegador.

196
00:15:29,707 --> 00:15:34,244
Aqui, você pode ver que eu abri meu editor e

197
00:15:34,244 --> 00:15:39,115
minha janela do navegador direcionada para localhost:3000

198
00:15:39,115 --> 00:15:42,446
simultaneamente lado a lado.

199
00:15:42,446 --> 00:15:47,906
Para que possamos ver como a janela do navegador imediatamente

200
00:15:47,906 --> 00:15:54,760
refletirá quaisquer alterações que fizermos em nossos arquivos na pasta git-test.

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

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

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

204
00:16:07,372 --> 00:16:12,392
E então agora deixe-me adicionar em

205
00:16:12,392 --> 00:16:16,918
mais um parágrafo,

206
00:16:21,492 --> 00:16:24,150
E salvar as mudanças.

207
00:16:24,150 --> 00:16:29,220
E então você notará imediatamente que a alteração que

208
00:16:29,220 --> 00:16:34,980
fiz no meu arquivo index.html é refletida no meu navegador.

209
00:16:34,980 --> 00:16:41,380
Isso fornece uma maneira muito agradável de ser capaz de observar, em tempo real,

210
00:16:41,380 --> 00:16:45,890
as alterações que você faz em seu código sendo refletidas em seu navegador.

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

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

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

214
00:16:54,895 --> 00:16:59,345
o código modificado é imediatamente carregado em seu navegador para

215
00:16:59,345 --> 00:17:04,420
você pode ver imediatamente a alteração sendo refletida na janela do navegador.

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

217
00:17:12,400 --> 00:17:17,400
Essa é a razão pela qual eu apresentei você ao servidor lite e

218
00:17:17,400 --> 00:17:25,250
configurá-lo para que possamos fazer uso dele enquanto desenvolvemos o site neste curso.

219
00:17:27,280 --> 00:17:32,830
Se você se lembra, nós já tínhamos configurado nossa pasta git-test para ser um repositório git,

220
00:17:32,830 --> 00:17:37,515
para que verificando novamente, nós

221
00:17:37,515 --> 00:17:40,805
veremos que já temos três commits em nosso repositório git.

222
00:17:40,805 --> 00:17:45,885
E este repositório git já está no nosso repositório git online,

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

224
00:17:51,015 --> 00:17:56,849
Minha pasta git-test está sincronizada com meu repositório bitbucket

225
00:17:56,849 --> 00:18:02,386
neste exercício específico.

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

227
00:18:08,220 --> 00:18:13,980
da pasta do seu projeto e

228
00:18:13,980 --> 00:18:19,760
então certifique-se de que elas não estão sincronizadas com o seu repositório online.

229
00:18:19,760 --> 00:18:24,714
Agora, como eu disse, a pasta de módulos de nó sempre pode ser recriada

230
00:18:24,714 --> 00:18:27,679
digitando npminstall no prompt.

231
00:18:27,679 --> 00:18:32,089
Então é por isso que, quando você carrega o conteúdo de

232
00:18:32,089 --> 00:18:35,948
sua pasta para um repositório git online ou

233
00:18:35,948 --> 00:18:41,240
quando você faz um commit da pasta para o seu repositório git,

234
00:18:41,240 --> 00:18:46,865
você não quer que a pasta de módulos de notas ou todas as subpastas

235
00:18:46,865 --> 00:18:52,280
sob ele sejam incluídas no, Commit.

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

237
00:18:55,950 --> 00:19:02,380
alguns arquivos de nossa pasta de serem verificados em nosso repositório git.

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

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

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

241
00:19:18,550 --> 00:19:24,929
Então, no editor na pasta de teste do git, eu vou criar um novo arquivo.

242
00:19:24,929 --> 00:19:31,300
E eu vou nomeá-lo .gitignore.

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

244
00:19:34,650 --> 00:19:39,840
, em seguida, o resto do nome é G-I-T-I-G-N-O-R-E.

245
00:19:39,840 --> 00:19:40,580
Então isso é muito,

246
00:19:40,580 --> 00:19:45,320
muito importante que você configure o arquivo com exatamente o nome, .gitignore.

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

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

249
00:19:57,360 --> 00:19:59,550
Então o que isso significa é que,

250
00:19:59,550 --> 00:20:04,410
a pasta do módulo de nó será excluída do nosso commit git.

251
00:20:05,850 --> 00:20:09,440
Então, uma vez que eu criar esse arquivo.gitignore e

252
00:20:09,440 --> 00:20:14,900
, em seguida, adicionar módulos de nó no arquivo.gitignore, vamos salvar as alterações.

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

254
00:20:20,260 --> 00:20:22,860
em nosso repositório git.

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

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

257
00:20:31,310 --> 00:20:36,900
você notará imediatamente que você tem o arquivo index.html

258
00:20:36,900 --> 00:20:42,070
marcado como modificado e, em seguida, os dois novos arquivos, .gitignore e package.json.

259
00:20:42,070 --> 00:20:49,500
Então fazemos um git add., e depois fazemos um status git.

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

261
00:20:54,120 --> 00:20:59,665
Vamos fazer um commit git, git commit -m “fourth

262
00:20:59,665 --> 00:21:05,440
commit”. E os arquivos estão comprometidos.

263
00:21:05,440 --> 00:21:10,300
Vamos enviar o novo commit para o nosso repositório online.

264
00:21:10,300 --> 00:21:15,632
Então, para fazer isso, git push

265
00:21:15,632 --> 00:21:20,442
-u origem master.

266
00:21:20,442 --> 00:21:24,370
E espere que ele seja enviado para o nosso servidor.

267
00:21:24,370 --> 00:21:29,320
Agora, se você for para o seu repositório git online,

268
00:21:29,320 --> 00:21:31,909
você verá que o arquivo package.json e

269
00:21:31,909 --> 00:21:35,660
.gitignore teriam sido verificados no seu repositório git.

270
00:21:37,250 --> 00:21:42,130
Indo para meu repositório bitbucket para o git-test.

271
00:21:42,130 --> 00:21:45,050
Você verá que quando eu olhar para o código-fonte,

272
00:21:45,050 --> 00:21:47,440
você verá que o arquivo package.json foi adicionado,

273
00:21:48,780 --> 00:21:54,600
o .gitignore foi adicionado e o novo arquivo index.html foi verificado.

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

275
00:21:57,630 --> 00:21:58,962
Então, neste exercício,

276
00:21:58,962 --> 00:22:03,760
nós aprendemos como configurar um arquivo package.json usando o minuto npm.

277
00:22:03,760 --> 00:22:07,034
Aprendemos a instalar um módulo npm.

278
00:22:07,034 --> 00:22:12,220
E nós aprendemos como usar o módulo npm do servidor lite para servir até

279
00:22:12,220 --> 00:22:18,100
o conteúdo da nossa pasta de projeto para que ele possa ser visualizado em um navegador.

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

281
00:22:21,874 --> 00:22:24,912
seu aplicativo web ou seu site para

282
00:22:24,912 --> 00:22:31,680
que você pode ver mudanças em tempo real sendo refletido na janela do seu navegador.

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

284
00:22:37,280 --> 00:22:42,790
possam ser excluídas do check-in no nosso repositório git.

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

286
00:22:45,450 --> 00:22:50,450
Então, com isso, eu tenho certeza que você teria conseguido um bom controle em

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

288
00:22:56,280 --> 00:22:57,060
Não se preocupe.

289
00:22:57,060 --> 00:23:02,020
Estaremos usando o nó extensivamente de várias maneiras

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

291
00:23:05,610 --> 00:23:10,238
Isto é apenas um começo.

292
00:23:10,238 --> 00:23:13,270
[MÚSICA]