1
00:00:01,700 --> 00:00:03,750
‫- : Avant de passer

2
00:00:03,750 --> 00:00:06,860
‫à la section suivante et à mongoDB, je veux

3
00:00:06,860 --> 00:00:10,230
‫vous montrer comment configurer eslint avec un code plus joli

4
00:00:10,230 --> 00:00:13,090
‫en vs afin d'améliorer la qualité de notre code.

5
00:00:13,090 --> 00:00:15,360
‫Maintenant, si vous n'utilisez pas vs

6
00:00:15,360 --> 00:00:18,110
‫code, ou si vous avez déjà une sorte

7
00:00:18,110 --> 00:00:22,150
‫de linter dans votre flux de travail, veuillez marquer cette conférence comme

8
00:00:22,150 --> 00:00:24,810
‫terminée et passer directement à la section suivante.

9
00:00:24,810 --> 00:00:26,890
‫Mais si vous êtes nouveau sur

10
00:00:26,890 --> 00:00:29,150
‫es Lint et que vous souhaitez améliorer la

11
00:00:29,150 --> 00:00:31,543
‫qualité de votre code, alors commençons par cette vidéo.

12
00:00:33,210 --> 00:00:36,210
‫Donc, es Lint est essentiellement un programme qui

13
00:00:36,210 --> 00:00:38,470
‫scanne constamment notre code et trouve

14
00:00:38,470 --> 00:00:40,640
‫des erreurs de codage

15
00:00:40,640 --> 00:00:45,130
‫potentielles ou simplement de mauvaises pratiques de codage qu'il pense être erronées.

16
00:00:45,130 --> 00:00:47,730
‫C'est très, très configurable afin que nous puissions

17
00:00:47,730 --> 00:00:50,300
‫vraiment l'adapter à nos besoins et à

18
00:00:50,300 --> 00:00:52,130
‫nos habitudes de codage.

19
00:00:52,130 --> 00:00:55,740
‫Maintenant, nous pouvons également utiliser es Lint pour le formatage du code, mais

20
00:00:55,740 --> 00:00:57,700
‫nous continuerons à utiliser le plus

21
00:00:57,700 --> 00:01:00,610
‫joli que nous avons déjà configuré plus tôt pour cela.

22
00:01:00,610 --> 00:01:02,526
‫Nous allons donc mettre en place

23
00:01:02,526 --> 00:01:06,240
‫tout cela pour que plus joli soit toujours le principal formateur de

24
00:01:06,240 --> 00:01:08,730
‫code mais basé sur certaines règles es Lint

25
00:01:08,730 --> 00:01:10,130
‫que nous définirons.

26
00:01:10,130 --> 00:01:12,670
‫Et donc tout ce que es Lint fera pour nous

27
00:01:12,670 --> 00:01:14,780
‫est de mettre en évidence les erreurs.

28
00:01:14,780 --> 00:01:16,520
‫Mais je sais que

29
00:01:16,520 --> 00:01:19,290
‫tout cela semble probablement plus déroutant qu'autre chose.

30
00:01:19,290 --> 00:01:22,700
‫Et donc mettons cela en place maintenant.

31
00:01:22,700 --> 00:01:24,550
‫Donc, la première chose que je

32
00:01:24,550 --> 00:01:27,893
‫veux que vous fassiez est d'installer l'extension es Lint pour vs Code.

33
00:01:29,100 --> 00:01:33,160
‫Alors venez ici et cherchez es Lint.

34
00:01:33,160 --> 00:01:33,993
‫D'accord?

35
00:01:33,993 --> 00:01:35,340
‫Et je l'ai déjà

36
00:01:35,340 --> 00:01:36,760
‫installé, mais ça ressemble à ça.

37
00:01:36,760 --> 00:01:38,890
‫Et donc tout ce que vous

38
00:01:38,890 --> 00:01:42,870
‫avez à faire est de l'installer, puis de recharger probablement cette fenêtre.

39
00:01:42,870 --> 00:01:45,350
‫Et si vous n'avez pas encore configuré

40
00:01:45,350 --> 00:01:47,343
‫Prettier, allez-y et faites-le également.

41
00:01:49,260 --> 00:01:50,790
‫Donc, avec cette extension ici,

42
00:01:50,790 --> 00:01:52,540
‫mais celle-ci, nous l'avons déjà fait

43
00:01:52,540 --> 00:01:55,473
‫dans la première section si vous l'avez suivie avec moi.

44
00:01:56,480 --> 00:01:59,880
‫Ensuite, nous devons installer un tas de dépendances de

45
00:02:01,100 --> 00:02:04,125
‫développement, alors rendons-le beaucoup plus gros ici et

46
00:02:04,125 --> 00:02:06,930
‫allons à notre autre terminal ici.

47
00:02:06,930 --> 00:02:11,060
‫Et donc disons, npm install et nous devons également installer

48
00:02:11,060 --> 00:02:14,633
‫es Lint dans de plus beaux packages npm.

49
00:02:16,280 --> 00:02:17,113
‫D'accord?

50
00:02:18,210 --> 00:02:20,060
‫Donc es Lint et plus

51
00:02:20,060 --> 00:02:22,010
‫joli, et c'est probablement maintenant la

52
00:02:22,010 --> 00:02:23,630
‫première fois où nous

53
00:02:23,630 --> 00:02:26,030
‫installons réellement plusieurs packages en même temps.

54
00:02:26,030 --> 00:02:28,820
‫Et donc c'est très simple, nous écrivons simplement

55
00:02:28,820 --> 00:02:31,550
‫tous ces packages dans la même commande.

56
00:02:31,550 --> 00:02:32,383
‫D'accord?

57
00:02:32,383 --> 00:02:35,440
‫Mais avec ces deux-là, nous sommes en fait loin d'être prêts.

58
00:02:35,440 --> 00:02:38,420
‫Donc, la prochaine est es Lint config plus jolie

59
00:02:43,721 --> 00:02:46,630
‫et celle-ci désactivera le formatage pour es

60
00:02:46,630 --> 00:02:50,250
‫Lint, car rappelez-vous, nous voulons plus jolie pour formater notre code.

61
00:02:50,250 --> 00:02:52,860
‫Ensuite, nous avons le plugin es Lint plus joli

62
00:02:57,130 --> 00:02:58,970
‫et celui-ci permettra à es

63
00:02:58,970 --> 00:03:01,710
‫Lint d'afficher les erreurs de formatage lorsque nous tapons,

64
00:03:01,710 --> 00:03:03,770
‫encore une fois, en utilisant plus joli.

65
00:03:03,770 --> 00:03:04,710
‫D'accord?

66
00:03:04,710 --> 00:03:07,460
‫Et tout cela est bien sûr très déroutant

67
00:03:07,460 --> 00:03:10,570
‫et j'ai eu besoin de beaucoup de temps pour comprendre cela.

68
00:03:10,570 --> 00:03:13,280
‫Et donc c'est vraiment juste une recette que

69
00:03:13,280 --> 00:03:14,880
‫vous devez suivre ici.

70
00:03:14,880 --> 00:03:15,713
‫D'accord?

71
00:03:15,713 --> 00:03:17,360
‫Il ne s'agit donc pas

72
00:03:17,360 --> 00:03:19,240
‫de comprendre ce que je fais ici,

73
00:03:19,240 --> 00:03:21,340
‫tout ce que vous avez à faire est

74
00:03:21,340 --> 00:03:24,230
‫de suivre cette recette, et cela fonctionnera ensuite pour ce projet,

75
00:03:24,230 --> 00:03:26,140
‫et dans les projets futurs tout ce que

76
00:03:26,140 --> 00:03:29,210
‫vous avez à faire est d'aller dans votre fichier package dot json

77
00:03:29,210 --> 00:03:31,750
‫et copiez cette configuration et installez-la dans votre prochain projet.

78
00:03:31,750 --> 00:03:33,400
‫Parce qu'en fait, tous

79
00:03:33,400 --> 00:03:35,270
‫ces packages doivent être installés localement.

80
00:03:35,270 --> 00:03:37,180
‫Cela ne fonctionnerait pas si nous essayions

81
00:03:37,180 --> 00:03:38,980
‫de le faire à l'échelle mondiale.

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

83
00:03:39,960 --> 00:03:43,320
‫Quoi qu'il en soit, nous avons maintenant besoin d'un bon guide de style pour les

84
00:03:43,320 --> 00:03:44,530
‫emplois que nous pouvons suivre.

85
00:03:44,530 --> 00:03:46,550
‫Et il existe de nombreux guides

86
00:03:46,550 --> 00:03:47,930
‫de style, mais le

87
00:03:47,930 --> 00:03:50,940
‫plus populaire est probablement le guide de style airbnb.

88
00:03:50,940 --> 00:03:53,950
‫Et donc en fait, il existe

89
00:03:53,950 --> 00:03:57,350
‫une configuration es Lint que nous pouvons utiliser

90
00:03:57,350 --> 00:04:02,300
‫pour cela, qui est sur npm, et elle s'appelle eslint config airbnb.

91
00:04:02,300 --> 00:04:07,300
‫D'accord, ensuite, nous avons le nœud de plugin eslint, et

92
00:04:08,260 --> 00:04:11,710
‫cela ajoutera quelques règles eslint spécifiques uniquement

93
00:04:11,710 --> 00:04:13,840
‫pour nodejs, d'accord ?

94
00:04:13,840 --> 00:04:15,980
‫Donc, fondamentalement, pour trouver certaines erreurs

95
00:04:15,980 --> 00:04:19,450
‫que nous pourrions faire lors de l'écriture du code nodejs.

96
00:04:19,450 --> 00:04:23,020
‫Et maintenant, enfin, nous avons besoin de trois autres plugins eslint

97
00:04:23,020 --> 00:04:25,920
‫qui ne sont nécessaires que pour que le guide

98
00:04:25,920 --> 00:04:27,850
‫de style airbnb fonctionne réellement.

99
00:04:27,850 --> 00:04:30,980
‫Donc, ce guide de style dépend en quelque sorte de ceux-ci.

100
00:04:30,980 --> 00:04:33,703
‫Donc 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
‫et

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

106
00:04:46,450 --> 00:04:48,620
‫j'ai une erreur ici.

107
00:04:50,320 --> 00:04:51,433
‫Et enfin eslint,

108
00:04:54,460 --> 00:04:55,460
‫plugin, réagissez.

109
00:04:55,460 --> 00:04:57,830
‫Même si nous n'écrivons pas dans le code de réaction

110
00:04:57,830 --> 00:04:59,830
‫ici, nous avons toujours besoin de celui-ci

111
00:04:59,830 --> 00:05:01,890
‫car le guide de style airbnb en dépend.

112
00:05:01,890 --> 00:05:04,300
‫Voilà donc tous les paquets, j'espère que

113
00:05:04,300 --> 00:05:06,660
‫je les ai écrits correctement.

114
00:05:06,660 --> 00:05:09,850
‫Et maintenant, nous devons les enregistrer en tant que

115
00:05:09,850 --> 00:05:12,950
‫dépendances de développement, alors enregistrez dev et

116
00:05:12,950 --> 00:05:17,950
‫maintenant appuyez sur retour, et croisez les doigts pour que tout fonctionne ici.

117
00:05:18,550 --> 00:05:20,600
‫Donc, il semble que ce soit le cas.

118
00:05:20,600 --> 00:05:22,767
‫Jetons un coup d'œil à notre

119
00:05:25,580 --> 00:05:29,480
‫package dot json et, en effet, nous avons ici tous ces packages.

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

121
00:05:30,313 --> 00:05:32,480
‫Maintenant, la prochaine étape est que nous avons

122
00:05:32,480 --> 00:05:36,640
‫besoin de fichiers de configuration pour les plus jolis et les es lint, n'est-ce pas ?

123
00:05:36,640 --> 00:05:39,560
‫Et nous avons déjà créé celui pour plus joli

124
00:05:39,560 --> 00:05:42,430
‫avant et c'est déjà dans notre projet ici.

125
00:05:42,430 --> 00:05:44,150
‫Il en va de même pour celui-ci, et

126
00:05:44,150 --> 00:05:47,103
‫tout ce que j'ai fait ici, c'est de dire que je veux toujours la guillemet simple.

127
00:05:48,200 --> 00:05:49,033
‫D'accord?

128
00:05:49,033 --> 00:05:52,530
‫Et l'autre est le fichier de configuration pour es lint, et encore

129
00:05:52,530 --> 00:05:55,560
‫une fois il est déjà dans les fichiers de démarrage

130
00:05:55,560 --> 00:05:58,290
‫parce que nous n'avons pas vraiment besoin de perdre

131
00:05:58,290 --> 00:06:00,560
‫du temps simplement pour écrire ce

132
00:06:00,560 --> 00:06:02,970
‫terrible fichier de configuration, n'est-ce pas ?

133
00:06:02,970 --> 00:06:04,380
‫Le fichier est

134
00:06:04,380 --> 00:06:06,900
‫donc déjà écrit, parcourons-le très rapidement.

135
00:06:06,900 --> 00:06:08,270
‫Donc, ici, nous

136
00:06:08,270 --> 00:06:10,060
‫avons déclaré que nous voulions

137
00:06:10,060 --> 00:06:11,639
‫utiliser le guide de style

138
00:06:11,639 --> 00:06:15,420
‫airbnb, et aussi plus joli, ainsi que le plugin node, d'accord ?

139
00:06:15,420 --> 00:06:18,580
‫Maintenant, esl int concerne les règles de codage et

140
00:06:18,580 --> 00:06:21,230
‫il existe de nombreuses règles que es

141
00:06:21,230 --> 00:06:23,230
‫lint essaie de nous appliquer.

142
00:06:23,230 --> 00:06:24,760
‫Mais nous pouvons réellement changer

143
00:06:24,760 --> 00:06:27,060
‫ceux que nous voulons utiliser, un par un.

144
00:06:27,060 --> 00:06:29,320
‫Et nous pouvons soit les désactiver

145
00:06:29,320 --> 00:06:32,790
‫complètement, soit simplement afficher un avertissement au lieu d'afficher une erreur.

146
00:06:32,790 --> 00:06:35,351
‫Par exemple, une règle est qu'eslint ne veut pas

147
00:06:35,351 --> 00:06:38,760
‫que nous utilisions les journaux de points de console dans notre code,

148
00:06:38,760 --> 00:06:41,990
‫et donc à chaque fois, par défaut, il nous donnera une

149
00:06:41,990 --> 00:06:43,740
‫erreur lorsque nous utiliserons le journal

150
00:06:43,740 --> 00:06:45,210
‫de points de console.

151
00:06:45,210 --> 00:06:46,890
‫Mais au lieu de m'afficher

152
00:06:46,890 --> 00:06:50,160
‫une erreur, je le configure pour qu'il ne m'affiche qu'un

153
00:06:50,160 --> 00:06:52,170
‫avertissement, c'est pourquoi nous avons averti.

154
00:06:52,170 --> 00:06:53,900
‫Je pourrais aussi le

155
00:06:53,900 --> 00:06:55,937
‫désactiver complètement en écrivant, comme je

156
00:06:55,937 --> 00:06:58,380
‫l'ai fait avec beaucoup de ces autres règles.

157
00:06:58,380 --> 00:07:01,060
‫Ainsi, par exemple, ici dans ce suivant

158
00:07:01,060 --> 00:07:03,220
‫qui dit que chaque fonction

159
00:07:03,220 --> 00:07:05,750
‫doit toujours retourner quelque chose, d'accord ?

160
00:07:05,750 --> 00:07:08,530
‫Et parfois, nous avons simplement une fonction qui

161
00:07:08,530 --> 00:07:11,870
‫n'en a pas, et j'ai donc dû désactiver complètement cette règle.

162
00:07:11,870 --> 00:07:14,116
‫Ou enfin, nous avons aussi, par

163
00:07:14,116 --> 00:07:17,160
‫exemple, cette règle ici, qui dit qu'il ne doit

164
00:07:17,160 --> 00:07:21,230
‫jamais y avoir de variable que nous déclarons mais que nous n'utilisons pas.

165
00:07:21,230 --> 00:07:23,460
‫Cela attrape en fait beaucoup de bogues,

166
00:07:23,460 --> 00:07:26,140
‫et je le laisse donc comme erreur ici, mais

167
00:07:26,140 --> 00:07:28,260
‫j'ai également créé quelques exceptions.

168
00:07:28,260 --> 00:07:30,950
‫Donc, ces quatre exceptions ici qui sont les

169
00:07:30,950 --> 00:07:32,540
‫variables typiques que nous

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

171
00:07:33,980 --> 00:07:38,170
‫donc dans nos gestionnaires dans express, mais que nous n'utilisons pas toujours.

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

173
00:07:39,003 --> 00:07:41,840
‫Et donc je ne veux pas que ceux-ci soient marqués comme

174
00:07:41,840 --> 00:07:43,790
‫des erreurs chaque fois que j'ai,

175
00:07:43,790 --> 00:07:47,150
‫par exemple, une variable req dans une fonction, mais je ne l'utilise pas.

176
00:07:47,150 --> 00:07:48,130
‫D'accord?

177
00:07:48,130 --> 00:07:50,850
‫Vous pouvez donc jeter un œil à ces autres règles

178
00:07:50,850 --> 00:07:52,440
‫ici et décider laquelle vous

179
00:07:52,440 --> 00:07:54,180
‫aimez et laquelle vous n'aimez pas.

180
00:07:54,180 --> 00:07:56,910
‫Ce sont donc les règles qui ont du sens pour moi,

181
00:07:56,910 --> 00:07:59,520
‫mais bien sûr, cela pourrait être différent pour vous.

182
00:07:59,520 --> 00:08:01,950
‫Allons rapidement sur le site Web d'eslint pour jeter

183
00:08:01,950 --> 00:08:03,630
‫un œil à toutes les choses

184
00:08:03,630 --> 00:08:05,163
‫que vous pouvez configurer.

185
00:08:07,900 --> 00:08:12,900
‫Donc es lint, alors vous avez ici de la documentation et des instructions sur la façon

186
00:08:13,230 --> 00:08:16,320
‫dont vous pouvez le configurer, mais tout ce que je

187
00:08:16,320 --> 00:08:17,740
‫veux vraiment vous montrer,

188
00:08:17,740 --> 00:08:19,800
‫ce sont toutes ces différentes règles.

189
00:08:19,800 --> 00:08:21,530
‫Donc vous les avez

190
00:08:21,530 --> 00:08:25,110
‫tous ici et vous voyez, il y en a une

191
00:08:25,110 --> 00:08:28,741
‫tonne, une tonne vraiment, que vous pouvez configurer, d'accord ?

192
00:08:28,741 --> 00:08:31,010
‫Alors jetez un œil à ceci, mais

193
00:08:31,010 --> 00:08:35,470
‫en fait, il est plus facile de configurer simplement ce es lint chaque fois que

194
00:08:35,470 --> 00:08:37,990
‫vous obtenez une nouvelle erreur dans votre code.

195
00:08:37,990 --> 00:08:38,823
‫D'accord?

196
00:08:38,823 --> 00:08:40,310
‫Alors laissez-moi vous montrer cela,

197
00:08:40,310 --> 00:08:42,600
‫afin que nous puissions maintenant le voir dans la pratique.

198
00:08:42,600 --> 00:08:45,590
‫Allons donc à notre fichier de serveur ici, et créons

199
00:08:45,590 --> 00:08:47,400
‫simplement du code ici qui

200
00:08:47,400 --> 00:08:49,273
‫va à l'encontre de certaines règles es.

201
00:08:50,440 --> 00:08:54,930
‫Ainsi, par exemple, définir une variable ici, comme celle-ci, puis

202
00:08:54,930 --> 00:08:56,930
‫lui affecter autre chose.

203
00:08:58,399 --> 00:09:01,400
‫Très bien, et nous savons donc que x est une constante et

204
00:09:01,400 --> 00:09:03,430
‫qu'il ne doit donc pas être réaffecté.

205
00:09:03,430 --> 00:09:05,070
‫Donc, si nous donnons ceci maintenant

206
00:09:05,070 --> 00:09:07,160
‫assigné, nous devrions en fait voir une erreur.

207
00:09:07,160 --> 00:09:10,210
‫Et bien nous ne l'avons pas fait, donc je vais aller de

208
00:09:10,210 --> 00:09:12,653
‫l'avant et fermer la fenêtre, puis l'ouvrir à nouveau.

209
00:09:13,640 --> 00:09:15,400
‫Alors faites-le aussi et

210
00:09:15,400 --> 00:09:18,010
‫j'espère que cela fonctionnera d'ici là.

211
00:09:18,010 --> 00:09:21,240
‫D'accord, et en fait, nous voyons nos erreurs ici

212
00:09:21,240 --> 00:09:22,968
‫maintenant marquées en rouge.

213
00:09:22,968 --> 00:09:25,690
‫Nous arrivons donc maintenant à cet onglet Problèmes.

214
00:09:25,690 --> 00:09:28,160
‫Permettez-moi de remonter un peu, et

215
00:09:28,160 --> 00:09:32,020
‫nous voyons donc ici toutes les erreurs que nous avons.

216
00:09:32,020 --> 00:09:33,830
‫Ainsi, en commençant par

217
00:09:33,830 --> 00:09:36,460
‫la première, on s'attendait à une ligne vide

218
00:09:36,460 --> 00:09:39,250
‫après l'instruction requise, non suivie d'une autre condition.

219
00:09:39,250 --> 00:09:40,840
‫Donc, en gros, ce

220
00:09:40,840 --> 00:09:43,680
‫qu'il me dit, c'est qu'il veut que ces

221
00:09:44,750 --> 00:09:48,510
‫exigences soient ici en haut, puis une ligne vide, puis comme ça.

222
00:09:48,510 --> 00:09:50,710
‫Et ainsi, l'erreur disparaît.

223
00:09:50,710 --> 00:09:51,543
‫D'accord?

224
00:09:51,543 --> 00:09:54,353
‫Et donc ce genre d'application d'une norme de codage plus agréable.

225
00:09:55,790 --> 00:10:00,790
‫Ensuite, nous avons x est assigné et une valeur jamais utilisée.

226
00:10:01,010 --> 00:10:02,867
‫Et c'est ainsi qu'il n'y a

227
00:10:02,867 --> 00:10:05,110
‫pas de variables inutilisées que j'ai mentionnées auparavant.

228
00:10:05,110 --> 00:10:06,723
‫Alors, celui-ci ici.

229
00:10:07,680 --> 00:10:08,513
‫D'accord?

230
00:10:08,513 --> 00:10:12,290
‫Et donc c'est une erreur, mais je pourrais aussi la désactiver juste

231
00:10:12,290 --> 00:10:14,643
‫pour vous montrer comment cela changerait ensuite.

232
00:10:15,830 --> 00:10:19,660
‫Je l'ai donc sauvegardé, et maintenant cette erreur a disparu.

233
00:10:19,660 --> 00:10:21,510
‫Donc vous voyez qu'il n'est plus marqué en rouge.

234
00:10:22,930 --> 00:10:25,520
‫Mais en fait, je veux que ce soit

235
00:10:25,520 --> 00:10:29,873
‫une erreur, alors j'écris erreur, je la sauve et notre erreur est de retour.

236
00:10:31,970 --> 00:10:34,860
‫Vous voyez, c'est déclaré mais ce n'est jamais utilisé.

237
00:10:34,860 --> 00:10:37,660
‫Et puis, ici x est constant.

238
00:10:37,660 --> 00:10:39,600
‫Nous avons donc vraiment fait

239
00:10:39,600 --> 00:10:41,370
‫une erreur ici, qui

240
00:10:41,370 --> 00:10:44,480
‫était de réaffecter une constante, et ce n'est pas

241
00:10:44,480 --> 00:10:47,300
‫autorisé, alors débarrassons-nous de cela et l'erreur disparaîtra.

242
00:10:47,300 --> 00:10:49,280
‫Nous avons toujours celui-ci car la valeur n'a

243
00:10:49,280 --> 00:10:50,240
‫jamais été utilisée.

244
00:10:50,240 --> 00:10:55,240
‫Écrivons rapidement x plus deux et maintenant c'est parti.

245
00:10:56,520 --> 00:10:59,180
‫Mais nous avons l'erreur suivante, essentiellement simplement

246
00:10:59,180 --> 00:11:01,220
‫parce que nous avons juste

247
00:11:01,220 --> 00:11:04,220
‫ce code assis ici qui n'est affecté à rien.

248
00:11:04,220 --> 00:11:07,277
‫Donc, disons simplement que const y est égal à celui-ci,

249
00:11:07,277 --> 00:11:10,930
‫mais bien sûr, y est attribué mais jamais utilisé, et nous entrons

250
00:11:10,930 --> 00:11:12,931
‫donc dans cette boucle ici.

251
00:11:12,931 --> 00:11:16,453
‫Mais, de toute façon, c'était juste pour vous le démontrer.

252
00:11:17,706 --> 00:11:20,580
‫Et donc voyons maintenant le dernier avertissement.

253
00:11:20,580 --> 00:11:23,620
‫Et c'est donc la console sans, non?

254
00:11:23,620 --> 00:11:26,450
‫Alors rappelez-vous que j'ai déjà parlé de celui-ci avant et il

255
00:11:26,450 --> 00:11:28,490
‫est vert parce que c'est un avertissement.

256
00:11:28,490 --> 00:11:31,790
‫Encore une fois, je pourrais le désactiver, puis

257
00:11:31,790 --> 00:11:34,950
‫mon problème disparaîtrait, donc le code aurait l'air

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

259
00:11:36,270 --> 00:11:39,030
‫Mais en fait, je veux qu'eslint me prévienne de cela, car

260
00:11:39,030 --> 00:11:40,990
‫ce n'est pas une bonne pratique d'avoir

261
00:11:40,990 --> 00:11:43,703
‫trop de journaux de console plus tard dans la production.

262
00:11:45,650 --> 00:11:48,440
‫Très bien, donc c'est de retour maintenant.

263
00:11:48,440 --> 00:11:51,660
‫Et en fait, vs code m'avertit également qu'il y

264
00:11:51,660 --> 00:11:53,790
‫a un avertissement vert ici dans

265
00:11:53,790 --> 00:11:54,743
‫ce fichier.

266
00:11:55,810 --> 00:11:57,560
‫Alors peut-être que vous l'avez déjà

267
00:11:57,560 --> 00:11:59,163
‫remarqué, mais si nous mettons

268
00:12:02,043 --> 00:12:04,160
‫une erreur ici, elle deviendra en fait rouge.

269
00:12:04,160 --> 00:12:04,993
‫D'accord?

270
00:12:04,993 --> 00:12:08,150
‫Alors maintenant, c'est rouge, et nous avons deux problèmes là-dedans.

271
00:12:08,150 --> 00:12:10,320
‫Et c'est en fait très utile pour identifier

272
00:12:10,320 --> 00:12:12,323
‫les problèmes dans tous ces fichiers.

273
00:12:13,830 --> 00:12:16,770
‫Très bien, débarrassons-nous en.

274
00:12:16,770 --> 00:12:19,175
‫Et donc en fait, c'est tout.

275
00:12:19,175 --> 00:12:22,010
‫J'espère donc que cela a également

276
00:12:22,010 --> 00:12:25,027
‫fonctionné pour vous si vous rencontrez une erreur,

277
00:12:25,027 --> 00:12:27,890
‫essayez simplement d'installer les mêmes packages que moi.

278
00:12:27,890 --> 00:12:30,452
‫Donc, tout cela ici, et n'oubliez pas que c'est

279
00:12:30,452 --> 00:12:31,930
‫ainsi que vous le faites.

280
00:12:31,930 --> 00:12:34,710
‫Ainsi, par exemple, si vous

281
00:12:34,710 --> 00:12:39,710
‫voulez eslint cinq, dites simplement npm I eslint à cinq.

282
00:12:40,060 --> 00:12:43,640
‫Par exemple, vous pouvez même utiliser cinq points 16 points 0

283
00:12:43,640 --> 00:12:46,370
‫juste pour vous assurer que tout est identique.

284
00:12:46,370 --> 00:12:48,960
‫Et dans ce cas, tout devrait fonctionner

285
00:12:48,960 --> 00:12:51,050
‫comme ici pour moi.

286
00:12:51,050 --> 00:12:53,757
‫Génial, c'était donc une autre étape

287
00:12:53,757 --> 00:12:56,690
‫importante dans votre parcours pour devenir développeur.

288
00:12:56,690 --> 00:12:58,940
‫Parce que, croyez-moi, il est vraiment

289
00:12:58,940 --> 00:13:02,430
‫important d'avoir le code linting en place comme vous l'avez maintenant.

290
00:13:02,430 --> 00:13:04,300
‫Encore une fois, pour votre

291
00:13:04,300 --> 00:13:07,030
‫prochain projet, copiez ces dépendances dans votre fichier

292
00:13:07,030 --> 00:13:09,410
‫packet dot json, puis installez-les toutes

293
00:13:09,410 --> 00:13:10,750
‫en même temps.

294
00:13:10,750 --> 00:13:13,330
‫Et cela vous facilitera alors grandement la vie.

295
00:13:13,330 --> 00:13:15,070
‫C'est donc comme ça que

296
00:13:15,070 --> 00:13:17,820
‫je procède toujours, et la même chose bien sûr, avec le

297
00:13:17,820 --> 00:13:20,170
‫plus joli rc et ce fichier de configuration eslint.

298
00:13:20,170 --> 00:13:23,130
‫Bref, assez parlé pour cette vidéo.

299
00:13:23,130 --> 00:13:25,690
‫Nous sommes maintenant enfin prêts à passer

300
00:13:25,690 --> 00:13:28,163
‫à la très importante section mongodb.