1
00:00:01,700 --> 00:00:03,750
‫-: Antes de passar para

2
00:00:03,750 --> 00:00:06,860
‫a próxima seção e mongoDB, quero mostrar a você

3
00:00:06,860 --> 00:00:10,230
‫como configurar o eslint junto com o código vs mais

4
00:00:10,230 --> 00:00:13,090
‫bonito para melhorar a qualidade do código.

5
00:00:13,090 --> 00:00:15,360
‫Agora, se você não estiver usando

6
00:00:15,360 --> 00:00:18,110
‫o código vs, ou se já tiver algum

7
00:00:18,110 --> 00:00:22,150
‫tipo de linter em seu fluxo de trabalho, marque esta palestra como

8
00:00:22,150 --> 00:00:24,810
‫concluída e vá direto para a próxima seção.

9
00:00:24,810 --> 00:00:26,890
‫Mas se você é novo

10
00:00:26,890 --> 00:00:29,150
‫no es Lint e deseja melhorar a

11
00:00:29,150 --> 00:00:31,543
‫qualidade do código, vamos começar com este vídeo.

12
00:00:33,210 --> 00:00:36,210
‫Portanto, es Lint é basicamente um programa que

13
00:00:36,210 --> 00:00:38,470
‫verifica constantemente nosso código e encontra

14
00:00:38,470 --> 00:00:40,640
‫erros de codificação em

15
00:00:40,640 --> 00:00:45,130
‫potencial ou simplesmente práticas de codificação ruins que ele pensa estarem erradas.

16
00:00:45,130 --> 00:00:47,730
‫É muito, muito configurável para que

17
00:00:47,730 --> 00:00:50,300
‫possamos realmente ajustá-lo às nossas necessidades

18
00:00:50,300 --> 00:00:52,130
‫e hábitos de codificação.

19
00:00:52,130 --> 00:00:55,740
‫Agora também podemos usar es Lint para formatação de

20
00:00:55,740 --> 00:00:57,700
‫código, mas continuaremos usando

21
00:00:57,700 --> 00:01:00,610
‫mais bonito que já configuramos anteriormente para isso.

22
00:01:00,610 --> 00:01:02,526
‫Portanto, vamos configurar tudo isso de

23
00:01:02,526 --> 00:01:06,240
‫forma que mais bonito ainda seja o formatador de código principal,

24
00:01:06,240 --> 00:01:08,730
‫mas com base em algumas regras do Lint

25
00:01:08,730 --> 00:01:10,130
‫que iremos definir.

26
00:01:10,130 --> 00:01:12,670
‫E então tudo o que es Lint fará

27
00:01:12,670 --> 00:01:14,780
‫por nós é destacar os erros.

28
00:01:14,780 --> 00:01:16,520
‫Mas eu sei que tudo

29
00:01:16,520 --> 00:01:19,290
‫isso provavelmente parece mais confuso do que qualquer outra coisa.

30
00:01:19,290 --> 00:01:22,700
‫E então vamos configurar isso agora.

31
00:01:22,700 --> 00:01:24,550
‫Portanto, a primeira coisa que quero

32
00:01:24,550 --> 00:01:27,893
‫que você faça é instalar a extensão es Lint para vs Code.

33
00:01:29,100 --> 00:01:33,160
‫Então venha aqui e procure por es Lint.

34
00:01:33,160 --> 00:01:33,993
‫OK?

35
00:01:33,993 --> 00:01:35,340
‫E eu já

36
00:01:35,340 --> 00:01:36,760
‫tenho instalado, mas é assim.

37
00:01:36,760 --> 00:01:38,890
‫Portanto, tudo o que

38
00:01:38,890 --> 00:01:42,870
‫você precisa fazer é instalá-lo e, provavelmente, recarregar esta janela.

39
00:01:42,870 --> 00:01:45,350
‫E se você ainda não configurou o Prettier, vá

40
00:01:45,350 --> 00:01:47,343
‫em frente e faça esse também.

41
00:01:49,260 --> 00:01:50,790
‫Então, com essa

42
00:01:50,790 --> 00:01:52,540
‫extensão aqui, mas essa já

43
00:01:52,540 --> 00:01:55,473
‫fizemos na primeira seção, se você seguiu comigo.

44
00:01:56,480 --> 00:01:59,880
‫Em seguida, precisamos instalar um monte de dependências de desenvolvimento,

45
00:02:01,100 --> 00:02:04,125
‫então vamos realmente tornar isso aqui muito maior e

46
00:02:04,125 --> 00:02:06,930
‫ir para o nosso outro terminal aqui.

47
00:02:06,930 --> 00:02:11,060
‫E então vamos dizer, npm install e também precisamos instalar o es

48
00:02:11,060 --> 00:02:14,633
‫Lint em um pacote mais bonito que o npm.

49
00:02:16,280 --> 00:02:17,113
‫OK?

50
00:02:18,210 --> 00:02:20,060
‫Então é mais fino e

51
00:02:20,060 --> 00:02:22,010
‫bonito, e provavelmente esta é a

52
00:02:22,010 --> 00:02:23,630
‫primeira vez que

53
00:02:23,630 --> 00:02:26,030
‫estamos instalando vários pacotes ao mesmo tempo.

54
00:02:26,030 --> 00:02:28,820
‫E isso é muito fácil, simplesmente escrevemos

55
00:02:28,820 --> 00:02:31,550
‫todos esses pacotes no mesmo comando.

56
00:02:31,550 --> 00:02:32,383
‫OK?

57
00:02:32,383 --> 00:02:35,440
‫Mas com esses dois estamos longe de estar prontos.

58
00:02:35,440 --> 00:02:38,420
‫Então o próximo é es Lint config mais bonito

59
00:02:43,721 --> 00:02:46,630
‫e este vai desabilitar a formatação para

60
00:02:46,630 --> 00:02:50,250
‫es Lint, porque lembre-se, queremos mais bonito para formatar nosso código.

61
00:02:50,250 --> 00:02:52,860
‫Em seguida, temos o plugin es Lint mais

62
00:02:57,130 --> 00:02:58,970
‫bonito e este permitirá que

63
00:02:58,970 --> 00:03:01,710
‫es Lint mostre erros de formatação à medida

64
00:03:01,710 --> 00:03:03,770
‫que digitamos, novamente, usando mais bonito.

65
00:03:03,770 --> 00:03:04,710
‫OK?

66
00:03:04,710 --> 00:03:07,460
‫E tudo isso é claro, muito confuso

67
00:03:07,460 --> 00:03:10,570
‫e precisei de muito tempo para descobrir isso.

68
00:03:10,570 --> 00:03:13,280
‫E esta realmente é apenas uma receita que

69
00:03:13,280 --> 00:03:14,880
‫você precisa seguir aqui.

70
00:03:14,880 --> 00:03:15,713
‫OK?

71
00:03:15,713 --> 00:03:17,360
‫Portanto, não se trata de

72
00:03:17,360 --> 00:03:19,240
‫entender o que estou fazendo aqui,

73
00:03:19,240 --> 00:03:21,340
‫tudo que você precisa fazer é seguir

74
00:03:21,340 --> 00:03:24,230
‫esta receita, e então funcionará para este projeto, e em

75
00:03:24,230 --> 00:03:26,140
‫projetos futuros tudo que você precisa fazer

76
00:03:26,140 --> 00:03:29,210
‫é ir para o arquivo dot json do seu pacote e

77
00:03:29,210 --> 00:03:31,750
‫copie essa configuração e instale-a em seu próximo projeto.

78
00:03:31,750 --> 00:03:33,400
‫Porque, na verdade, todos

79
00:03:33,400 --> 00:03:35,270
‫esses pacotes devem ser instalados localmente.

80
00:03:35,270 --> 00:03:37,180
‫Não funcionaria se tentássemos

81
00:03:37,180 --> 00:03:38,980
‫fazer isso globalmente.

82
00:03:38,980 --> 00:03:39,960
‫Tudo bem?

83
00:03:39,960 --> 00:03:43,320
‫De qualquer forma, precisamos agora de um guia de estilo de bom

84
00:03:43,320 --> 00:03:44,530
‫trabalho que possamos seguir.

85
00:03:44,530 --> 00:03:46,550
‫E existem muitos guias de estilo

86
00:03:46,550 --> 00:03:47,930
‫por aí, mas o

87
00:03:47,930 --> 00:03:50,940
‫mais popular é provavelmente o guia de estilo do airbnb.

88
00:03:50,940 --> 00:03:53,950
‫E então, na verdade, há uma

89
00:03:53,950 --> 00:03:57,350
‫configuração es Lint que podemos usar para isso,

90
00:03:57,350 --> 00:04:02,300
‫que está em npm, e é chamada de eslint config airbnb.

91
00:04:02,300 --> 00:04:07,300
‫Ok, a seguir, temos o nó do plug-in eslint, e isso

92
00:04:08,260 --> 00:04:11,710
‫adicionará algumas regras específicas do eslint apenas

93
00:04:11,710 --> 00:04:13,840
‫para o nodejs, certo?

94
00:04:13,840 --> 00:04:15,980
‫Então, basicamente, para encontrar alguns

95
00:04:15,980 --> 00:04:19,450
‫erros que podemos estar cometendo ao escrever o código nodejs.

96
00:04:19,450 --> 00:04:23,020
‫E agora, finalmente, precisamos de três outros plug-ins eslint que

97
00:04:23,020 --> 00:04:25,920
‫são necessários apenas para fazer o guia de

98
00:04:25,920 --> 00:04:27,850
‫estilo do airbnb realmente funcionar.

99
00:04:27,850 --> 00:04:30,980
‫Então esse guia de estilo depende disso.

100
00:04:30,980 --> 00:04:33,703
‫Portanto, eslint plugin, import, eslint,

101
00:04:34,750 --> 00:04:35,583
‫plugin,

102
00:04:37,350 --> 00:04:38,183
‫jsx,

103
00:04:39,390 --> 00:04:40,223
‫a11y,

104
00:04:42,520 --> 00:04:43,353
‫e

105
00:04:44,910 --> 00:04:46,450
‫vejo que

106
00:04:46,450 --> 00:04:48,620
‫há um erro aqui.

107
00:04:50,320 --> 00:04:51,433
‫E finalmente eslint,

108
00:04:54,460 --> 00:04:55,460
‫plugin, react.

109
00:04:55,460 --> 00:04:57,830
‫Mesmo que não estejamos escrevendo no código react

110
00:04:57,830 --> 00:04:59,830
‫aqui, ainda precisamos deste porque o

111
00:04:59,830 --> 00:05:01,890
‫guia de estilo do airbnb depende disso.

112
00:05:01,890 --> 00:05:04,300
‫Portanto, estes são todos os pacotes, espero

113
00:05:04,300 --> 00:05:06,660
‫que os tenha escrito corretamente.

114
00:05:06,660 --> 00:05:09,850
‫E agora precisamos salvá-los como dependências de

115
00:05:09,850 --> 00:05:12,950
‫dev, então salve dev e agora

116
00:05:12,950 --> 00:05:17,950
‫aperte return, e cruze os dedos para que tudo funcione aqui.

117
00:05:18,550 --> 00:05:20,600
‫Então, parece que sim.

118
00:05:20,600 --> 00:05:22,767
‫Vamos dar uma olhada em nosso

119
00:05:25,580 --> 00:05:29,480
‫pacote dot json e, de fato, aqui temos todos esses pacotes.

120
00:05:29,480 --> 00:05:30,313
‫Excelente.

121
00:05:30,313 --> 00:05:32,480
‫Agora, a próxima etapa é que

122
00:05:32,480 --> 00:05:36,640
‫precisamos de arquivos de configuração tanto para mais bonito quanto para es lint, certo?

123
00:05:36,640 --> 00:05:39,560
‫E já criamos aquele para mais bonito antes

124
00:05:39,560 --> 00:05:42,430
‫e já está no nosso projeto aqui.

125
00:05:42,430 --> 00:05:44,150
‫Esse também é, e tudo

126
00:05:44,150 --> 00:05:47,103
‫que fiz aqui foi dizer que sempre quero a aspa simples.

127
00:05:48,200 --> 00:05:49,033
‫OK?

128
00:05:49,033 --> 00:05:52,530
‫E o outro é o arquivo de configuração para

129
00:05:52,530 --> 00:05:55,560
‫es lint, e novamente já está nos arquivos

130
00:05:55,560 --> 00:05:58,290
‫de inicialização porque realmente não precisamos perder

131
00:05:58,290 --> 00:06:00,560
‫tempo apenas para escrever

132
00:06:00,560 --> 00:06:02,970
‫esse arquivo de configuração terrível, certo?

133
00:06:02,970 --> 00:06:04,380
‫Assim, o arquivo

134
00:06:04,380 --> 00:06:06,900
‫já está escrito, vamos examiná-lo rapidamente.

135
00:06:06,900 --> 00:06:08,270
‫Então aqui afirmamos

136
00:06:08,270 --> 00:06:10,060
‫que queremos usar o guia

137
00:06:10,060 --> 00:06:11,639
‫de estilo do airbnb,

138
00:06:11,639 --> 00:06:15,420
‫e também mais bonito, e também o plugin de nó, ok?

139
00:06:15,420 --> 00:06:18,580
‫Agora, esl int trata de regras de codificação

140
00:06:18,580 --> 00:06:21,230
‫e existem muitas regras que es lint

141
00:06:21,230 --> 00:06:23,230
‫tenta impor a nós.

142
00:06:23,230 --> 00:06:24,760
‫Mas podemos realmente mudar

143
00:06:24,760 --> 00:06:27,060
‫aqueles que queremos usar, um por um.

144
00:06:27,060 --> 00:06:29,320
‫E podemos desligá-los completamente ou

145
00:06:29,320 --> 00:06:32,790
‫apenas mostrar um aviso em vez de mostrar um erro.

146
00:06:32,790 --> 00:06:35,351
‫Por exemplo, uma regra é que o eslint

147
00:06:35,351 --> 00:06:38,760
‫não deseja que usemos log de pontos do console em nosso

148
00:06:38,760 --> 00:06:41,990
‫código e, portanto, a cada vez, por padrão, haverá um

149
00:06:41,990 --> 00:06:43,740
‫erro quando usarmos log de

150
00:06:43,740 --> 00:06:45,210
‫pontos do console.

151
00:06:45,210 --> 00:06:46,890
‫Mas em vez de me

152
00:06:46,890 --> 00:06:50,160
‫mostrar um erro, eu o configuro para que apenas me mostre

153
00:06:50,160 --> 00:06:52,170
‫um aviso, é por isso que avisamos.

154
00:06:52,170 --> 00:06:53,900
‫Eu também poderia

155
00:06:53,900 --> 00:06:55,937
‫desligá-lo completamente escrevendo, como

156
00:06:55,937 --> 00:06:58,380
‫fiz com muitas dessas outras regras.

157
00:06:58,380 --> 00:07:01,060
‫Então, por exemplo, aqui neste próximo que

158
00:07:01,060 --> 00:07:03,220
‫diz que toda e qualquer

159
00:07:03,220 --> 00:07:05,750
‫função deve sempre retornar algo, ok?

160
00:07:05,750 --> 00:07:08,530
‫E, às vezes, simplesmente temos uma função

161
00:07:08,530 --> 00:07:11,870
‫que não funciona, então precisei desativar essa regra completamente.

162
00:07:11,870 --> 00:07:14,116
‫Ou, finalmente, também temos, por

163
00:07:14,116 --> 00:07:17,160
‫exemplo, esta regra aqui, que diz que

164
00:07:17,160 --> 00:07:21,230
‫nunca deve haver uma variável que declaramos, mas não usamos.

165
00:07:21,230 --> 00:07:23,460
‫Na verdade, isso detecta muitos bugs,

166
00:07:23,460 --> 00:07:26,140
‫então deixo como um erro aqui, mas

167
00:07:26,140 --> 00:07:28,260
‫também criei algumas exceções.

168
00:07:28,260 --> 00:07:30,950
‫Então, essas quatro exceções aqui são as

169
00:07:30,950 --> 00:07:32,540
‫variáveis típicas que temos

170
00:07:32,540 --> 00:07:33,980
‫em express,

171
00:07:33,980 --> 00:07:38,170
‫em nossos manipuladores em express, mas que nem sempre usamos.

172
00:07:38,170 --> 00:07:39,003
‫Direito?

173
00:07:39,003 --> 00:07:41,840
‫E, portanto, não quero que sejam marcados como erros

174
00:07:41,840 --> 00:07:43,790
‫cada vez que tenho, por

175
00:07:43,790 --> 00:07:47,150
‫exemplo, uma variável req em uma função, mas não a uso.

176
00:07:47,150 --> 00:07:48,130
‫OK?

177
00:07:48,130 --> 00:07:50,850
‫Portanto, você pode dar uma olhada nessas outras regras

178
00:07:50,850 --> 00:07:52,440
‫aqui e decidir qual

179
00:07:52,440 --> 00:07:54,180
‫você gosta e qual não.

180
00:07:54,180 --> 00:07:56,910
‫Essas são as regras que fazem sentido para mim, mas

181
00:07:56,910 --> 00:07:59,520
‫é claro que podem ser diferentes para você.

182
00:07:59,520 --> 00:08:01,950
‫Vamos rapidamente ao site eslint para dar uma

183
00:08:01,950 --> 00:08:03,630
‫olhada em todas as coisas

184
00:08:03,630 --> 00:08:05,163
‫que você pode configurar.

185
00:08:07,900 --> 00:08:12,900
‫Então es lint, então aqui você tem alguma documentação e algumas instruções sobre como

186
00:08:13,230 --> 00:08:16,320
‫você pode configurá-lo, mas tudo que eu realmente

187
00:08:16,320 --> 00:08:17,740
‫quero mostrar a

188
00:08:17,740 --> 00:08:19,800
‫você são todas essas regras diferentes.

189
00:08:19,800 --> 00:08:21,530
‫Então, você tem

190
00:08:21,530 --> 00:08:25,110
‫todos eles aqui e vê, há uma

191
00:08:25,110 --> 00:08:28,741
‫tonelada deles que você pode configurar, certo?

192
00:08:28,741 --> 00:08:31,010
‫Portanto, dê uma olhada nisso, mas

193
00:08:31,010 --> 00:08:35,470
‫na verdade é mais fácil simplesmente configurar este es lint sempre que você

194
00:08:35,470 --> 00:08:37,990
‫receber um novo erro em seu código.

195
00:08:37,990 --> 00:08:38,823
‫OK?

196
00:08:38,823 --> 00:08:40,310
‫Deixe-me mostrar isso a

197
00:08:40,310 --> 00:08:42,600
‫você, para que possamos ver na prática.

198
00:08:42,600 --> 00:08:45,590
‫Então, vamos para o nosso arquivo do servidor aqui e

199
00:08:45,590 --> 00:08:47,400
‫simplesmente criar algum código aqui

200
00:08:47,400 --> 00:08:49,273
‫que vai contra algumas regras es.

201
00:08:50,440 --> 00:08:54,930
‫Então, por exemplo, definir uma variável aqui, como esta, e então atribuir

202
00:08:54,930 --> 00:08:56,930
‫outra coisa a ela.

203
00:08:58,399 --> 00:09:01,400
‫Tudo bem, então sabemos que x é uma constante

204
00:09:01,400 --> 00:09:03,430
‫e, portanto, não deve ser reatribuído.

205
00:09:03,430 --> 00:09:05,070
‫Portanto, se dermos isso

206
00:09:05,070 --> 00:09:07,160
‫agora atribuído, deveremos realmente ver um erro.

207
00:09:07,160 --> 00:09:10,210
‫E bem, não fizemos, então vou fechar

208
00:09:10,210 --> 00:09:12,653
‫a janela e abri-la novamente.

209
00:09:13,640 --> 00:09:15,400
‫Portanto, faça isso também

210
00:09:15,400 --> 00:09:18,010
‫e, com sorte, estará funcionando até lá.

211
00:09:18,010 --> 00:09:21,240
‫Ok, na verdade nós vemos nossos erros aqui

212
00:09:21,240 --> 00:09:22,968
‫agora marcados em vermelho.

213
00:09:22,968 --> 00:09:25,690
‫Então, chegamos agora a esta guia de problemas.

214
00:09:25,690 --> 00:09:28,160
‫Deixe-me mover um pouco para

215
00:09:28,160 --> 00:09:32,020
‫cima, e aqui vemos todos os erros que temos.

216
00:09:32,020 --> 00:09:33,830
‫Portanto, começando com o

217
00:09:33,830 --> 00:09:36,460
‫primeiro, esperava-se uma linha vazia após a

218
00:09:36,460 --> 00:09:39,250
‫instrução required não seguida por outra require.

219
00:09:39,250 --> 00:09:40,840
‫Então, basicamente o que

220
00:09:40,840 --> 00:09:43,680
‫está me dizendo é que ele quer isso

221
00:09:44,750 --> 00:09:48,510
‫requer aqui no topo e depois, uma linha vazia e depois assim.

222
00:09:48,510 --> 00:09:50,710
‫E assim, o erro desaparece.

223
00:09:50,710 --> 00:09:51,543
‫OK?

224
00:09:51,543 --> 00:09:54,353
‫E assim, isso impõe um padrão de codificação mais agradável.

225
00:09:55,790 --> 00:10:00,790
‫Em seguida, temos x é atribuído e um valor nunca usado.

226
00:10:01,010 --> 00:10:02,867
‫E isso é que não

227
00:10:02,867 --> 00:10:05,110
‫há variáveis não utilizadas que mencionei antes.

228
00:10:05,110 --> 00:10:06,723
‫Então, este aqui.

229
00:10:07,680 --> 00:10:08,513
‫OK?

230
00:10:08,513 --> 00:10:12,290
‫E isso é um erro, mas eu também poderia desligá-lo

231
00:10:12,290 --> 00:10:14,643
‫apenas para mostrar como isso mudaria.

232
00:10:15,830 --> 00:10:19,660
‫Então, eu o salvei e agora esse erro desapareceu.

233
00:10:19,660 --> 00:10:21,510
‫Então você vê que não está mais marcado em vermelho.

234
00:10:22,930 --> 00:10:25,520
‫Mas, na verdade, eu quero que

235
00:10:25,520 --> 00:10:29,873
‫isso seja um erro, então escrevo erro, salvo e nosso erro volta.

236
00:10:31,970 --> 00:10:34,860
‫Veja, é declarado, mas nunca usado.

237
00:10:34,860 --> 00:10:37,660
‫E então, aqui x é constante.

238
00:10:37,660 --> 00:10:39,600
‫Então realmente cometemos um erro

239
00:10:39,600 --> 00:10:41,370
‫aqui, que era reatribuir

240
00:10:41,370 --> 00:10:44,480
‫uma constante, e isso não é permitido, então vamos

241
00:10:44,480 --> 00:10:47,300
‫nos livrar disso e aí o erro desaparece.

242
00:10:47,300 --> 00:10:49,280
‫Ainda temos este porque o valor nunca

243
00:10:49,280 --> 00:10:50,240
‫foi usado.

244
00:10:50,240 --> 00:10:55,240
‫Vamos escrever rapidamente x mais dois e agora acabou.

245
00:10:56,520 --> 00:10:59,180
‫Mas temos o próximo erro, basicamente

246
00:10:59,180 --> 00:11:01,220
‫porque simplesmente temos esse

247
00:11:01,220 --> 00:11:04,220
‫código parado aqui, não atribuído a nada.

248
00:11:04,220 --> 00:11:07,277
‫Então, vamos apenas dizer que const y é igual a

249
00:11:07,277 --> 00:11:10,930
‫este, mas é claro que y é atribuído, mas nunca usado, e por

250
00:11:10,930 --> 00:11:12,931
‫isso estamos entrando neste loop aqui.

251
00:11:12,931 --> 00:11:16,453
‫Mas, de qualquer maneira, isso foi apenas para demonstrar isso a você.

252
00:11:17,706 --> 00:11:20,580
‫E então vamos ver agora o aviso final.

253
00:11:20,580 --> 00:11:23,620
‫E então esse não é o console, certo?

254
00:11:23,620 --> 00:11:26,450
‫Portanto, lembre-se de que já falei sobre isso antes e

255
00:11:26,450 --> 00:11:28,490
‫é verde porque é um aviso.

256
00:11:28,490 --> 00:11:31,790
‫Então, novamente, eu poderia desligá-lo e meu

257
00:11:31,790 --> 00:11:34,950
‫problema desapareceria, para que o código parecesse

258
00:11:34,950 --> 00:11:36,270
‫normal agora.

259
00:11:36,270 --> 00:11:39,030
‫Mas, na verdade, quero que o eslint me avise sobre

260
00:11:39,030 --> 00:11:40,990
‫isso, porque não é uma boa

261
00:11:40,990 --> 00:11:43,703
‫prática ter muitos logs de console posteriormente na produção.

262
00:11:45,650 --> 00:11:48,440
‫Tudo bem, então ele está de volta agora.

263
00:11:48,440 --> 00:11:51,660
‫E, na verdade, o código vs também me avisa

264
00:11:51,660 --> 00:11:53,790
‫que há um aviso verde aqui

265
00:11:53,790 --> 00:11:54,743
‫neste arquivo.

266
00:11:55,810 --> 00:11:57,560
‫Talvez você tenha percebido isso antes,

267
00:11:57,560 --> 00:11:59,163
‫mas se colocarmos um

268
00:12:02,043 --> 00:12:04,160
‫erro aqui, na verdade ele ficará vermelho.

269
00:12:04,160 --> 00:12:04,993
‫OK?

270
00:12:04,993 --> 00:12:08,150
‫Agora está vermelho e temos dois problemas aí.

271
00:12:08,150 --> 00:12:10,320
‫E isso é realmente útil para identificar

272
00:12:10,320 --> 00:12:12,323
‫problemas em todos esses arquivos.

273
00:12:13,830 --> 00:12:16,770
‫Tudo bem, vamos nos livrar disso.

274
00:12:16,770 --> 00:12:19,175
‫E então, na verdade, é isso.

275
00:12:19,175 --> 00:12:22,010
‫Portanto, espero que tenha funcionado para

276
00:12:22,010 --> 00:12:25,027
‫você também. Se ocorrer algum erro, tente simplesmente

277
00:12:25,027 --> 00:12:27,890
‫instalar os mesmos pacotes que eu instalei.

278
00:12:27,890 --> 00:12:30,452
‫Então, tudo isso aqui, e lembre-se de que é

279
00:12:30,452 --> 00:12:31,930
‫assim que você faz.

280
00:12:31,930 --> 00:12:34,710
‫Por exemplo, se você

281
00:12:34,710 --> 00:12:39,710
‫quiser eslint cinco, diga npm I eslint às cinco.

282
00:12:40,060 --> 00:12:43,640
‫Por exemplo, você pode até ir cinco ponto 16 ponto 0 apenas

283
00:12:43,640 --> 00:12:46,370
‫para ter certeza de que tudo é o mesmo.

284
00:12:46,370 --> 00:12:48,960
‫E, nesse caso, tudo deve funcionar exatamente

285
00:12:48,960 --> 00:12:51,050
‫como funcionou aqui para mim.

286
00:12:51,050 --> 00:12:53,757
‫Ótimo, então este foi mais um passo

287
00:12:53,757 --> 00:12:56,690
‫importante em sua jornada para se tornar um desenvolvedor.

288
00:12:56,690 --> 00:12:58,940
‫Porque, acredite em mim, é

289
00:12:58,940 --> 00:13:02,430
‫muito importante ter code linting como você tem agora.

290
00:13:02,430 --> 00:13:04,300
‫Então, novamente, para seu próximo projeto,

291
00:13:04,300 --> 00:13:07,030
‫vá em frente, copie essas dependências em seu arquivo

292
00:13:07,030 --> 00:13:09,410
‫de ponto json do pacote e instale-as todas

293
00:13:09,410 --> 00:13:10,750
‫ao mesmo tempo.

294
00:13:10,750 --> 00:13:13,330
‫E isso tornará sua vida muito mais fácil.

295
00:13:13,330 --> 00:13:15,070
‫Então é assim que eu

296
00:13:15,070 --> 00:13:17,820
‫sempre faço, e o mesmo, é claro, com o rc

297
00:13:17,820 --> 00:13:20,170
‫mais bonito e esse arquivo de configuração eslint.

298
00:13:20,170 --> 00:13:23,130
‫Enfim, chega de conversa para este vídeo.

299
00:13:23,130 --> 00:13:25,690
‫Agora estamos finalmente prontos para passar para

300
00:13:25,690 --> 00:13:28,163
‫a seção mongodb muito importante.