1
00:00:01,700 --> 00:00:03,750
‫-: Prima di passare alla

2
00:00:03,750 --> 00:00:06,860
‫sezione successiva e a mongoDB, voglio mostrarti come

3
00:00:06,860 --> 00:00:10,230
‫impostare eslint insieme a più grazioso in vs codice

4
00:00:10,230 --> 00:00:13,090
‫per migliorare la qualità del nostro codice.

5
00:00:13,090 --> 00:00:15,360
‫Ora, se non stai utilizzando

6
00:00:15,360 --> 00:00:18,110
‫vs code, o se hai già qualche

7
00:00:18,110 --> 00:00:22,150
‫tipo di linter nel tuo flusso di lavoro, contrassegna questa lezione

8
00:00:22,150 --> 00:00:24,810
‫come completata e vai alla sezione successiva.

9
00:00:24,810 --> 00:00:26,890
‫Ma se non conosci es

10
00:00:26,890 --> 00:00:29,150
‫Lint e vuoi migliorare la qualità

11
00:00:29,150 --> 00:00:31,543
‫del tuo codice, iniziamo con questo video.

12
00:00:33,210 --> 00:00:36,210
‫Quindi es Lint è fondamentalmente un programma

13
00:00:36,210 --> 00:00:38,470
‫che scansiona costantemente il nostro codice

14
00:00:38,470 --> 00:00:40,640
‫e trova potenziali errori

15
00:00:40,640 --> 00:00:45,130
‫di codifica o semplicemente cattive pratiche di codifica che ritiene sbagliate.

16
00:00:45,130 --> 00:00:47,730
‫È molto, molto configurabile in modo che

17
00:00:47,730 --> 00:00:50,300
‫possiamo davvero adattarlo alle nostre esigenze

18
00:00:50,300 --> 00:00:52,130
‫e abitudini di codifica.

19
00:00:52,130 --> 00:00:55,740
‫Ora possiamo anche usare es Lint per la formattazione del codice,

20
00:00:55,740 --> 00:00:57,700
‫ma continueremo a usare più

21
00:00:57,700 --> 00:01:00,610
‫carini che abbiamo già impostato in precedenza per questo.

22
00:01:00,610 --> 00:01:02,526
‫Quindi imposteremo l'intera cosa in

23
00:01:02,526 --> 00:01:06,240
‫modo che più carino sia ancora il formattatore di codice

24
00:01:06,240 --> 00:01:08,730
‫principale ma basato su alcune regole es

25
00:01:08,730 --> 00:01:10,130
‫Lint che definiremo.

26
00:01:10,130 --> 00:01:12,670
‫E quindi tutto ciò che es Lint farà

27
00:01:12,670 --> 00:01:14,780
‫per noi sarà evidenziare gli errori.

28
00:01:14,780 --> 00:01:16,520
‫Ma so che tutto questo

29
00:01:16,520 --> 00:01:19,290
‫suona probabilmente più confuso di qualsiasi altra cosa.

30
00:01:19,290 --> 00:01:22,700
‫E quindi configuriamolo ora.

31
00:01:22,700 --> 00:01:24,550
‫Quindi la prima cosa che voglio

32
00:01:24,550 --> 00:01:27,893
‫che tu faccia è installare l'estensione es Lint per vs Code.

33
00:01:29,100 --> 00:01:33,160
‫Quindi vieni qui e cerca es Lint.

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

35
00:01:33,993 --> 00:01:35,340
‫E l'ho già

36
00:01:35,340 --> 00:01:36,760
‫installato, ma sembra così.

37
00:01:36,760 --> 00:01:38,890
‫E quindi tutto ciò che devi

38
00:01:38,890 --> 00:01:42,870
‫fare è andare avanti e installarlo, e quindi probabilmente ricaricare questa finestra.

39
00:01:42,870 --> 00:01:45,350
‫E se non hai ancora impostato Prettier, vai

40
00:01:45,350 --> 00:01:47,343
‫avanti e fallo anche quello.

41
00:01:49,260 --> 00:01:50,790
‫Quindi con questa estensione

42
00:01:50,790 --> 00:01:52,540
‫qui, ma questa l'abbiamo già

43
00:01:52,540 --> 00:01:55,473
‫fatta nella prima sezione se l'hai seguita con me.

44
00:01:56,480 --> 00:01:59,880
‫Successivamente, abbiamo bisogno di installare un mucchio di dipendenze

45
00:02:01,100 --> 00:02:04,125
‫di sviluppo, quindi rendiamo questo qui molto più

46
00:02:04,125 --> 00:02:06,930
‫grande e andiamo all'altro nostro terminale qui.

47
00:02:06,930 --> 00:02:11,060
‫E quindi diciamo, npm install e dobbiamo anche installare es

48
00:02:11,060 --> 00:02:14,633
‫Lint in modo più carino come pacchetti npm.

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

50
00:02:18,210 --> 00:02:20,060
‫Quindi è Lint e più

51
00:02:20,060 --> 00:02:22,010
‫carino, e probabilmente questa è ora

52
00:02:22,010 --> 00:02:23,630
‫la prima volta in

53
00:02:23,630 --> 00:02:26,030
‫cui stiamo effettivamente installando più pacchetti contemporaneamente.

54
00:02:26,030 --> 00:02:28,820
‫E quindi è molto semplice, scriviamo semplicemente tutti

55
00:02:28,820 --> 00:02:31,550
‫questi pacchetti tutti nello stesso comando.

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

57
00:02:32,383 --> 00:02:35,440
‫Ma con questi due siamo in realtà tutt'altro che pronti.

58
00:02:35,440 --> 00:02:38,420
‫Quindi il prossimo è es Lint config più carino

59
00:02:43,721 --> 00:02:46,630
‫e questo disabiliterà la formattazione per es Lint,

60
00:02:46,630 --> 00:02:50,250
‫perché ricorda, vogliamo che sia più carino formattare il nostro codice.

61
00:02:50,250 --> 00:02:52,860
‫Successivamente abbiamo es Lint plugin più carino

62
00:02:57,130 --> 00:02:58,970
‫e questo consentirà a

63
00:02:58,970 --> 00:03:01,710
‫es Lint di mostrare errori di formattazione mentre

64
00:03:01,710 --> 00:03:03,770
‫digitiamo, di nuovo, usando più carino.

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

66
00:03:04,710 --> 00:03:07,460
‫E tutto questo è ovviamente molto confuso

67
00:03:07,460 --> 00:03:10,570
‫e ho avuto bisogno di molto tempo per capirlo.

68
00:03:10,570 --> 00:03:13,280
‫E quindi questa è davvero solo una ricetta

69
00:03:13,280 --> 00:03:14,880
‫che devi seguire qui.

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

71
00:03:15,713 --> 00:03:17,360
‫Quindi non si tratta

72
00:03:17,360 --> 00:03:19,240
‫di capire cosa sto facendo qui,

73
00:03:19,240 --> 00:03:21,340
‫tutto ciò che devi fare è seguire

74
00:03:21,340 --> 00:03:24,230
‫questa ricetta e funzionerà per questo progetto, e nei progetti

75
00:03:24,230 --> 00:03:26,140
‫futuri tutto ciò che devi fare

76
00:03:26,140 --> 00:03:29,210
‫è andare al file dot json del tuo pacchetto e

77
00:03:29,210 --> 00:03:31,750
‫copia quella configurazione e installala nel tuo prossimo progetto.

78
00:03:31,750 --> 00:03:33,400
‫Perché in realtà, tutti

79
00:03:33,400 --> 00:03:35,270
‫questi pacchetti devono essere installati localmente.

80
00:03:35,270 --> 00:03:37,180
‫Non funzionerebbe se provassimo a

81
00:03:37,180 --> 00:03:38,980
‫farlo a livello globale.

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

83
00:03:39,960 --> 00:03:43,320
‫Ad ogni modo, ora abbiamo bisogno di una buona guida di stile per i

84
00:03:43,320 --> 00:03:44,530
‫lavori che possiamo seguire.

85
00:03:44,530 --> 00:03:46,550
‫E ci sono molte guide di stile

86
00:03:46,550 --> 00:03:47,930
‫là fuori, ma la

87
00:03:47,930 --> 00:03:50,940
‫più popolare è probabilmente la guida di stile di airbnb.

88
00:03:50,940 --> 00:03:53,950
‫E quindi, in realtà, c'è una

89
00:03:53,950 --> 00:03:57,350
‫configurazione es Lint che possiamo usare per

90
00:03:57,350 --> 00:04:02,300
‫questo, che è su npm, e si chiama eslint config airbnb.

91
00:04:02,300 --> 00:04:07,300
‫Ok, il prossimo passo è il nodo plugin eslint e questo

92
00:04:08,260 --> 00:04:11,710
‫aggiungerà un paio di regole eslint specifiche

93
00:04:11,710 --> 00:04:13,840
‫solo per nodejs, ok?

94
00:04:13,840 --> 00:04:15,980
‫Quindi fondamentalmente per trovare alcuni

95
00:04:15,980 --> 00:04:19,450
‫errori che potremmo fare durante la scrittura del codice nodejs.

96
00:04:19,450 --> 00:04:23,020
‫E ora, finalmente, abbiamo bisogno di altri tre plugin eslint che

97
00:04:23,020 --> 00:04:25,920
‫sono necessari solo per far funzionare effettivamente la

98
00:04:25,920 --> 00:04:27,850
‫guida allo stile di airbnb.

99
00:04:27,850 --> 00:04:30,980
‫Quindi quella guida di stile, dipende un po' da questi.

100
00:04:30,980 --> 00:04:33,703
‫Quindi 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
‫vedo che

106
00:04:46,450 --> 00:04:48,620
‫ho un errore qui.

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

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

109
00:04:55,460 --> 00:04:57,830
‫Anche se non stiamo scrivendo nel codice di reazione qui,

110
00:04:57,830 --> 00:04:59,830
‫abbiamo ancora bisogno di questo perché la

111
00:04:59,830 --> 00:05:01,890
‫guida allo stile di airbnb dipende da questo.

112
00:05:01,890 --> 00:05:04,300
‫Quindi questi sono tutti i pacchetti,

113
00:05:04,300 --> 00:05:06,660
‫spero di averli scritti correttamente.

114
00:05:06,660 --> 00:05:09,850
‫E ora dobbiamo salvarli come dipendenze dev,

115
00:05:09,850 --> 00:05:12,950
‫quindi salva dev e ora

116
00:05:12,950 --> 00:05:17,950
‫premi invio e incrocia le dita che tutto funzionerà qui.

117
00:05:18,550 --> 00:05:20,600
‫Quindi, sembra che sia andata così.

118
00:05:20,600 --> 00:05:22,767
‫Diamo un'occhiata al nostro pacchetto

119
00:05:25,580 --> 00:05:29,480
‫dot json e, infatti, qui abbiamo tutti questi pacchetti.

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

121
00:05:30,313 --> 00:05:32,480
‫Ora il prossimo passo è che abbiamo

122
00:05:32,480 --> 00:05:36,640
‫bisogno di file di configurazione sia per più belli che per es lint, giusto?

123
00:05:36,640 --> 00:05:39,560
‫E abbiamo già creato quello più carino prima

124
00:05:39,560 --> 00:05:42,430
‫ed è già nel nostro progetto qui.

125
00:05:42,430 --> 00:05:44,150
‫Così è questo, e tutto ciò

126
00:05:44,150 --> 00:05:47,103
‫che ho fatto qui è stato dire che voglio sempre la citazione singola.

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

128
00:05:49,033 --> 00:05:52,530
‫E l'altro è il file di configurazione per es lint,

129
00:05:52,530 --> 00:05:55,560
‫e di nuovo è già nei file di

130
00:05:55,560 --> 00:05:58,290
‫avvio perché non abbiamo davvero bisogno di

131
00:05:58,290 --> 00:06:00,560
‫perdere tempo semplicemente per scrivere

132
00:06:00,560 --> 00:06:02,970
‫questo terribile file di configurazione, giusto?

133
00:06:02,970 --> 00:06:04,380
‫Quindi il file

134
00:06:04,380 --> 00:06:06,900
‫è già scritto, esaminiamolo molto velocemente.

135
00:06:06,900 --> 00:06:08,270
‫Quindi qui abbiamo

136
00:06:08,270 --> 00:06:10,060
‫affermato che vogliamo usare la

137
00:06:10,060 --> 00:06:11,639
‫guida allo stile di airbnb,

138
00:06:11,639 --> 00:06:15,420
‫e anche più carina, e anche il plugin del nodo, ok?

139
00:06:15,420 --> 00:06:18,580
‫Ora esl int riguarda le regole di codifica e

140
00:06:18,580 --> 00:06:21,230
‫ci sono molte molte regole che es

141
00:06:21,230 --> 00:06:23,230
‫lint cerca di farci rispettare.

142
00:06:23,230 --> 00:06:24,760
‫Ma possiamo effettivamente cambiare

143
00:06:24,760 --> 00:06:27,060
‫quelli che vogliamo usare, uno per uno.

144
00:06:27,060 --> 00:06:29,320
‫E possiamo disattivarli completamente o

145
00:06:29,320 --> 00:06:32,790
‫semplicemente mostrare un avviso invece di mostrare un errore.

146
00:06:32,790 --> 00:06:35,351
‫Ad esempio, una regola è che eslint

147
00:06:35,351 --> 00:06:38,760
‫non vuole che usiamo console dot log nel nostro

148
00:06:38,760 --> 00:06:41,990
‫codice, quindi ogni volta per impostazione predefinita ci darà

149
00:06:41,990 --> 00:06:43,740
‫un errore quando usiamo

150
00:06:43,740 --> 00:06:45,210
‫console dot log.

151
00:06:45,210 --> 00:06:46,890
‫Ma invece di mostrarmi

152
00:06:46,890 --> 00:06:50,160
‫un errore, lo configuro in modo che mi mostri solo

153
00:06:50,160 --> 00:06:52,170
‫un avviso, ecco perché abbiamo avvertito.

154
00:06:52,170 --> 00:06:53,900
‫Potrei anche disattivarlo

155
00:06:53,900 --> 00:06:55,937
‫completamente cancellando, come ho fatto

156
00:06:55,937 --> 00:06:58,380
‫con molte di queste altre regole.

157
00:06:58,380 --> 00:07:01,060
‫Quindi, per esempio, qui in questo prossimo

158
00:07:01,060 --> 00:07:03,220
‫che dice che ogni

159
00:07:03,220 --> 00:07:05,750
‫funzione dovrebbe sempre restituire qualcosa, ok?

160
00:07:05,750 --> 00:07:08,530
‫E a volte, abbiamo semplicemente una funzione che

161
00:07:08,530 --> 00:07:11,870
‫non lo fa, quindi avevo bisogno di disattivare completamente questa regola.

162
00:07:11,870 --> 00:07:14,116
‫O infine, abbiamo anche, per

163
00:07:14,116 --> 00:07:17,160
‫esempio, questa regola qui, che dice che

164
00:07:17,160 --> 00:07:21,230
‫non dovrebbe mai esserci una variabile che dichiariamo ma non usiamo.

165
00:07:21,230 --> 00:07:23,460
‫Questo in realtà cattura molti bug,

166
00:07:23,460 --> 00:07:26,140
‫quindi lo lascio come errore qui, ma

167
00:07:26,140 --> 00:07:28,260
‫ho anche creato alcune eccezioni.

168
00:07:28,260 --> 00:07:30,950
‫Quindi, queste quattro eccezioni qui che sono

169
00:07:30,950 --> 00:07:32,540
‫le variabili tipiche che

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

171
00:07:33,980 --> 00:07:38,170
‫quindi nei nostri gestori in express, ma che non usiamo sempre.

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

173
00:07:39,003 --> 00:07:41,840
‫E quindi non voglio che questi vengano contrassegnati come

174
00:07:41,840 --> 00:07:43,790
‫errori ogni volta che ho, ad

175
00:07:43,790 --> 00:07:47,150
‫esempio, una variabile req in una funzione, ma non la uso.

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

177
00:07:48,130 --> 00:07:50,850
‫Quindi puoi dare un'occhiata a queste altre regole

178
00:07:50,850 --> 00:07:52,440
‫qui e decidere quale

179
00:07:52,440 --> 00:07:54,180
‫ti piace e quale no.

180
00:07:54,180 --> 00:07:56,910
‫Quindi queste sono le regole che hanno senso per

181
00:07:56,910 --> 00:07:59,520
‫me, ma ovviamente potrebbe essere diverso per te.

182
00:07:59,520 --> 00:08:01,950
‫Andiamo rapidamente al sito Web di eslint per

183
00:08:01,950 --> 00:08:03,630
‫dare un'occhiata a tutte le

184
00:08:03,630 --> 00:08:05,163
‫cose che puoi configurare.

185
00:08:07,900 --> 00:08:12,900
‫Quindi es lint, allora qui hai della documentazione e alcune istruzioni su

186
00:08:13,230 --> 00:08:16,320
‫come puoi configurarlo, ma tutto ciò che voglio

187
00:08:16,320 --> 00:08:17,740
‫davvero mostrarti

188
00:08:17,740 --> 00:08:19,800
‫sono tutte queste diverse regole.

189
00:08:19,800 --> 00:08:21,530
‫Quindi li hai tutti

190
00:08:21,530 --> 00:08:25,110
‫qui dentro e quindi vedi, ce ne sono davvero

191
00:08:25,110 --> 00:08:28,741
‫un sacco, un sacco, di quelli che puoi configurare, ok?

192
00:08:28,741 --> 00:08:31,010
‫Quindi dai un'occhiata a questo, ma

193
00:08:31,010 --> 00:08:35,470
‫in realtà è più semplice configurare semplicemente questo es lint ogni volta che

194
00:08:35,470 --> 00:08:37,990
‫ricevi un nuovo errore nel tuo codice.

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

196
00:08:38,823 --> 00:08:40,310
‫Quindi lascia che te lo

197
00:08:40,310 --> 00:08:42,600
‫mostri, in modo che ora possiamo vederlo in pratica.

198
00:08:42,600 --> 00:08:45,590
‫Quindi andiamo al file del nostro server qui e

199
00:08:45,590 --> 00:08:47,400
‫creiamo semplicemente del codice qui

200
00:08:47,400 --> 00:08:49,273
‫che va contro alcune regole es.

201
00:08:50,440 --> 00:08:54,930
‫Quindi, ad esempio, definire una variabile qui, in questo modo,

202
00:08:54,930 --> 00:08:56,930
‫e quindi assegnarle qualcos'altro.

203
00:08:58,399 --> 00:09:01,400
‫Va bene, quindi sappiamo che x è una costante

204
00:09:01,400 --> 00:09:03,430
‫e quindi non dovrebbe essere riassegnata.

205
00:09:03,430 --> 00:09:05,070
‫Quindi, se diamo questo

206
00:09:05,070 --> 00:09:07,160
‫ora assegnato, dovremmo effettivamente vedere un errore.

207
00:09:07,160 --> 00:09:10,210
‫E beh, non l'abbiamo fatto, quindi vado avanti e

208
00:09:10,210 --> 00:09:12,653
‫chiudo la finestra, e poi la riapro.

209
00:09:13,640 --> 00:09:15,400
‫Quindi fallo anche tu

210
00:09:15,400 --> 00:09:18,010
‫e, si spera, funzionerà per allora.

211
00:09:18,010 --> 00:09:21,240
‫Ok, e quindi in realtà vediamo i nostri errori qui

212
00:09:21,240 --> 00:09:22,968
‫ora contrassegnati in rosso.

213
00:09:22,968 --> 00:09:25,690
‫Quindi, veniamo ora a questa scheda dei problemi.

214
00:09:25,690 --> 00:09:28,160
‫Fammi alzare un po',

215
00:09:28,160 --> 00:09:32,020
‫così qui vediamo tutti gli errori che abbiamo.

216
00:09:32,020 --> 00:09:33,830
‫Quindi, partendo dalla prima,

217
00:09:33,830 --> 00:09:36,460
‫ci si aspettava una riga vuota dopo

218
00:09:36,460 --> 00:09:39,250
‫l'istruzione richiesta non seguita da un'altra richiesta.

219
00:09:39,250 --> 00:09:40,840
‫Quindi fondamentalmente quello che

220
00:09:40,840 --> 00:09:43,680
‫mi sta dicendo è che vuole questi requisiti

221
00:09:44,750 --> 00:09:48,510
‫qui in alto e poi, una riga vuota e poi così.

222
00:09:48,510 --> 00:09:50,710
‫E così, l'errore scompare.

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

224
00:09:51,543 --> 00:09:54,353
‫E quindi questo tipo di applica uno standard di codifica più gradevole.

225
00:09:55,790 --> 00:10:00,790
‫Successivamente abbiamo x viene assegnato e un valore non viene mai utilizzato.

226
00:10:01,010 --> 00:10:02,867
‫E così è che

227
00:10:02,867 --> 00:10:05,110
‫nessuna variabile inutilizzata che ho menzionato prima.

228
00:10:05,110 --> 00:10:06,723
‫Quindi, questo qui.

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

230
00:10:08,513 --> 00:10:12,290
‫E quindi questo è un errore, ma potrei anche disattivarlo

231
00:10:12,290 --> 00:10:14,643
‫solo per mostrarti come cambierebbe.

232
00:10:15,830 --> 00:10:19,660
‫Quindi l'ho salvato e quindi ora quell'errore è sparito.

233
00:10:19,660 --> 00:10:21,510
‫Quindi vedi che non è più contrassegnato in rosso.

234
00:10:22,930 --> 00:10:25,520
‫Ma in realtà voglio che questo sia un

235
00:10:25,520 --> 00:10:29,873
‫errore, quindi scrivo errore, gli do un salvataggio e il nostro errore è tornato.

236
00:10:31,970 --> 00:10:34,860
‫Vedete, è dichiarato ma non è mai usato.

237
00:10:34,860 --> 00:10:37,660
‫E poi, qui x è costante.

238
00:10:37,660 --> 00:10:39,600
‫Quindi abbiamo davvero fatto un errore

239
00:10:39,600 --> 00:10:41,370
‫qui, che era quello

240
00:10:41,370 --> 00:10:44,480
‫di riassegnare una costante, e questo non è consentito,

241
00:10:44,480 --> 00:10:47,300
‫quindi liberiamoci di questo e poi l'errore scompare.

242
00:10:47,300 --> 00:10:49,280
‫Abbiamo ancora questo perché il valore non è

243
00:10:49,280 --> 00:10:50,240
‫mai stato utilizzato.

244
00:10:50,240 --> 00:10:55,240
‫Scriviamo velocemente x più due e ora non c'è più.

245
00:10:56,520 --> 00:10:59,180
‫Ma abbiamo il prossimo errore, fondamentalmente

246
00:10:59,180 --> 00:11:01,220
‫semplicemente perché abbiamo questo

247
00:11:01,220 --> 00:11:04,220
‫codice seduto qui intorno non assegnato a nulla.

248
00:11:04,220 --> 00:11:07,277
‫Quindi, diciamo solo che const y è uguale a questo

249
00:11:07,277 --> 00:11:10,930
‫ma ovviamente y viene assegnato ma mai utilizzato, e quindi stiamo

250
00:11:10,930 --> 00:11:12,931
‫entrando in questo ciclo qui.

251
00:11:12,931 --> 00:11:16,453
‫Ma, comunque, questo era solo per dimostrartelo.

252
00:11:17,706 --> 00:11:20,580
‫E allora vediamo ora l'avvertimento finale.

253
00:11:20,580 --> 00:11:23,620
‫E quindi questa è la console senza, giusto?

254
00:11:23,620 --> 00:11:26,450
‫Quindi ricorda che in realtà ne ho parlato prima ed

255
00:11:26,450 --> 00:11:28,490
‫è verde perché è un avvertimento.

256
00:11:28,490 --> 00:11:31,790
‫Quindi, di nuovo, potrei spegnerlo e quindi il

257
00:11:31,790 --> 00:11:34,950
‫mio problema scomparirebbe, quindi il codice sembrerebbe

258
00:11:34,950 --> 00:11:36,270
‫normale ora.

259
00:11:36,270 --> 00:11:39,030
‫Ma in realtà voglio che eslint mi avverta di questo,

260
00:11:39,030 --> 00:11:40,990
‫perché non è una buona pratica

261
00:11:40,990 --> 00:11:43,703
‫avere troppi log della console più avanti nella produzione.

262
00:11:45,650 --> 00:11:48,440
‫Va bene, adesso è tornato.

263
00:11:48,440 --> 00:11:51,660
‫E in realtà vs code mi avverte anche che

264
00:11:51,660 --> 00:11:53,790
‫c'è un avviso verde qui in

265
00:11:53,790 --> 00:11:54,743
‫questo file.

266
00:11:55,810 --> 00:11:57,560
‫Quindi forse l'hai notato prima,

267
00:11:57,560 --> 00:11:59,163
‫ma se inseriamo un

268
00:12:02,043 --> 00:12:04,160
‫errore qui, in realtà diventerà rosso.

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

270
00:12:04,993 --> 00:12:08,150
‫Quindi ora è rosso e abbiamo due problemi lì dentro.

271
00:12:08,150 --> 00:12:10,320
‫E questo è davvero molto utile per identificare

272
00:12:10,320 --> 00:12:12,323
‫i problemi in tutti questi file.

273
00:12:13,830 --> 00:12:16,770
‫Va bene, liberiamocene.

274
00:12:16,770 --> 00:12:19,175
‫E quindi, in realtà, è così.

275
00:12:19,175 --> 00:12:22,010
‫Quindi spero che abbia funzionato anche per

276
00:12:22,010 --> 00:12:25,027
‫te se hai qualche errore, quindi prova a installare

277
00:12:25,027 --> 00:12:27,890
‫semplicemente gli stessi pacchetti che ho fatto io.

278
00:12:27,890 --> 00:12:30,452
‫Quindi tutto questo qui, e ricorda che è

279
00:12:30,452 --> 00:12:31,930
‫così che lo fai.

280
00:12:31,930 --> 00:12:34,710
‫Quindi, ad esempio, se vuoi

281
00:12:34,710 --> 00:12:39,710
‫eslint cinque, dì semplicemente npm I eslint alle cinque.

282
00:12:40,060 --> 00:12:43,640
‫Ad esempio, puoi anche fare cinque punti 16 punti 0 solo

283
00:12:43,640 --> 00:12:46,370
‫per assicurarti che tutto sia lo stesso.

284
00:12:46,370 --> 00:12:48,960
‫E in tal caso, tutto dovrebbe funzionare proprio

285
00:12:48,960 --> 00:12:51,050
‫come ha fatto qui per me.

286
00:12:51,050 --> 00:12:53,757
‫Ottimo, quindi questo è stato un altro

287
00:12:53,757 --> 00:12:56,690
‫passo importante nel tuo viaggio per diventare uno sviluppatore.

288
00:12:56,690 --> 00:12:58,940
‫Perché, credetemi, è davvero importante

289
00:12:58,940 --> 00:13:02,430
‫disporre di code linting in atto come lo avete ora.

290
00:13:02,430 --> 00:13:04,300
‫Quindi, di nuovo, per il tuo

291
00:13:04,300 --> 00:13:07,030
‫prossimo progetto vai avanti, copia queste dipendenze nel file

292
00:13:07,030 --> 00:13:09,410
‫json del tuo pacchetto dot e quindi

293
00:13:09,410 --> 00:13:10,750
‫installale tutte contemporaneamente.

294
00:13:10,750 --> 00:13:13,330
‫E questo ti renderà la vita molto più semplice.

295
00:13:13,330 --> 00:13:15,070
‫Quindi è così che faccio

296
00:13:15,070 --> 00:13:17,820
‫sempre, e lo stesso ovviamente, con il più carino

297
00:13:17,820 --> 00:13:20,170
‫rc e questo file di configurazione eslint.

298
00:13:20,170 --> 00:13:23,130
‫Comunque, basta parlare per questo video.

299
00:13:23,130 --> 00:13:25,690
‫Ora siamo finalmente pronti per

300
00:13:25,690 --> 00:13:28,163
‫passare all'importantissima sezione mongodb.