1
00:00:00,000 --> 00:00:05,693
[MUSIC]

2
00:00:05,693 --> 00:00:09,002
Maintenant que vous avez Node.js sur votre ordinateur,

3
00:00:09,002 --> 00:00:13,870
vous voulez évidemment commencer immédiatement à l'utiliser.

4
00:00:13,870 --> 00:00:17,038
Donc, dans cet exercice, nous allons commencer à utiliser Node.

5
00:00:17,038 --> 00:00:20,921
Nous allons mettre en place un fichier packagé, ou adjacent, pour

6
00:00:20,921 --> 00:00:25,500
notre dossier de test Git avec lequel nous avons travaillé jusqu'à présent.

7
00:00:25,500 --> 00:00:30,400
Ensuite, nous allons configurer un module de noeud appelé comme serveur lite qui

8
00:00:30,400 --> 00:00:34,519
servira le contenu de notre dossier get test.

9
00:00:34,519 --> 00:00:39,760
Et puis nous pouvons parcourir ce fichier index.html et

10
00:00:39,760 --> 00:00:43,320
d'autres fichiers dans un navigateur.

11
00:00:43,320 --> 00:00:48,960
Et nous verrons également comment le serveur lite nous permettra de

12
00:00:50,390 --> 00:00:56,805
voir automatiquement les mises à jour de notre fenêtre de navigateur lorsque nous apportons des modifications à notre

13
00:00:56,805 --> 00:01:02,333
fichier index.html, ou à tout autre fichier dans notre dossier get test.

14
00:01:02,333 --> 00:01:08,916
Le serveur Lite est quelque chose que nous allons largement utiliser dans ce

15
00:01:08,916 --> 00:01:14,010
cours et à venir, pour être en mesure de voir les changements en temps réel

16
00:01:14,010 --> 00:01:19,125
dans une fenêtre de navigateur lorsque vous modifiez les fichiers de votre projet.

17
00:01:22,216 --> 00:01:25,650
Comme je l'ai mentionné, nous voulons configurer le fichier package.json.

18
00:01:25,650 --> 00:01:29,300
Alors, quel est exactement ce fichier package.json que nous allons installer ?

19
00:01:29,300 --> 00:01:32,738
Donc, ici, j'ai quelques informations

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

21
00:01:38,390 --> 00:01:43,176
qui spécifie exactement quel est le rôle du fichier package.json.

22
00:01:43,176 --> 00:01:47,781
Donc, le fichier package.json sert de documentation sur ce dont

23
00:01:47,781 --> 00:01:51,670
dépendent tous les autres paquets dont votre projet.

24
00:01:51,670 --> 00:01:56,030
Ainsi, par exemple, lorsque vous configurez le serveur lite de votre projet,

25
00:01:56,030 --> 00:01:58,907
cela sera enregistré dans le fichier package.json.

26
00:01:58,907 --> 00:02:07,200
Et pour que, par la suite, vous puissiez également utiliser ce paquet à l'avenir.

27
00:02:07,200 --> 00:02:12,460
En outre, il vous permet de spécifier la version spécifique d'un paquet

28
00:02:12,460 --> 00:02:14,710
dont votre projet dépend.

29
00:02:14,710 --> 00:02:19,784
Donc, même si le paquet dont vous dépendrez change à l'avenir,

30
00:02:19,784 --> 00:02:24,762
vous pouvez insister pour que l'utilisateur installe uniquement une

31
00:02:24,762 --> 00:02:30,650
version spécifique du package pour une utilisation dans votre application de nœud.

32
00:02:30,650 --> 00:02:34,151
Et aussi, cela rend vos builds reproductibles,

33
00:02:34,151 --> 00:02:38,177
ce qui signifie que lorsque vous partagez votre code avec d'autres,

34
00:02:38,177 --> 00:02:42,552
ils peuvent également faire l'installation de tous les modules de nœuds,

35
00:02:42,552 --> 00:02:47,128
comme nous le verrons plus loin dans cet exercice, sur leur propre ordinateur.

36
00:02:50,900 --> 00:02:57,610
Donc, évidemment, votre prochaine question sera, comment pouvons-nous créer ce fichier package.json ?

37
00:02:57,610 --> 00:03:04,473
Si vous démarrez un nouveau projet dans lequel vous souhaitez initialiser le

38
00:03:04,473 --> 00:03:10,425
fichier package.json, tapez simplement npm init à l'invite dans le dossier du projet.

39
00:03:10,425 --> 00:03:14,789
Et puis cela vous mènera à travers un ensemble d'étapes qui vous permettront de

40
00:03:14,789 --> 00:03:17,150
configurer votre fichier package.json.

41
00:03:17,150 --> 00:03:20,910
Alors continuons avec cela pour notre projet de test Git.

42
00:03:22,290 --> 00:03:28,200
Donc, je suis dans le dossier git-test dans ma fenêtre de terminal.

43
00:03:28,200 --> 00:03:32,615
Assurez-vous que vous ouvrez également une fenêtre de terminal ou une fenêtre de commande

44
00:03:32,615 --> 00:03:34,791
, puis allez dans le dossier git-test.

45
00:03:34,791 --> 00:03:38,831
Et à l'invite, tapez npm init.

46
00:03:38,831 --> 00:03:43,235
Et puis suivez les questions qui sont posées.

47
00:03:43,235 --> 00:03:48,275
Donc, pour le nom du projet, nous allons juste le laisser comme par défaut, git-test.

48
00:03:48,275 --> 00:03:51,546
Pour la version, nous allons simplement le laisser comme 1.0.0.

49
00:03:51,546 --> 00:03:53,135
On pourra éditer ça plus tard.

50
00:03:53,135 --> 00:03:58,252
Pour la description,

51
00:03:58,252 --> 00:04:04,647
il s'agit d'un répertoire

52
00:04:04,647 --> 00:04:10,740
de test pour apprendre Git et Node.

53
00:04:10,740 --> 00:04:13,400
Peu importe, tapez une description là.

54
00:04:13,400 --> 00:04:16,994
Et puis le point d'entrée, je dirais juste index.html.

55
00:04:18,260 --> 00:04:24,508
Habituellement, s'il s'agit d'un paquet de nœuds, le point d'entrée sera index.js.

56
00:04:24,508 --> 00:04:28,623
Maintenant, ce dossier que nous avons configuré est

57
00:04:28,623 --> 00:04:34,280
un dossier basé sur index.html, c'est pourquoi je viens de taper index.html.

58
00:04:34,280 --> 00:04:35,972
Commande de test, rien.

59
00:04:35,972 --> 00:04:40,994
Git, si nous avions déjà configuré le dépôt git dans l'

60
00:04:40,994 --> 00:04:45,297
exercice précédent, il vous demandera automatiquement que pour vous, sinon,

61
00:04:45,297 --> 00:04:50,318
ce serait vide et vous donnera une option pour taper l'URL du référentiel git,

62
00:04:50,318 --> 00:04:53,920
au cas où vous utilisiez un référentiel git en ligne.

63
00:04:53,920 --> 00:04:56,980
Quelques mots clés pour votre projet, que je vais laisser en blanc.

64
00:04:56,980 --> 00:04:58,760
Auteur, tapez votre nom.

65
00:04:58,760 --> 00:05:00,214
Soyons narcissique.

66
00:05:04,497 --> 00:05:06,590
Et la licence.

67
00:05:06,590 --> 00:05:15,050
Et puis, il vous montrera la configuration du fichier package.json au format JSON.

68
00:05:15,050 --> 00:05:18,860
Donc, si votre famille a un JSON, est-ce que cela vous semble très, très familier.

69
00:05:18,860 --> 00:05:22,210
Donc, si tout cela semble bon, disons juste

70
00:05:22,210 --> 00:05:27,790
OK et cela entraîne la création du fichier package.json.

71
00:05:27,790 --> 00:05:30,970
Donc maintenant, si vous listez le contenu du dossier,

72
00:05:30,970 --> 00:05:34,680
vous verrez le fichier package.json dans le contenu du dossier.

73
00:05:36,430 --> 00:05:42,210
Ouvrez ce dossier de test Git dans votre éditeur favori,

74
00:05:42,210 --> 00:05:47,270
puis jetez un oeil au contenu du fichier package.json dans votre éditeur.

75
00:05:48,950 --> 00:05:54,470
Comme étape suivante, nous allons apprendre comment nous pouvons installer un module de noeud

76
00:05:54,470 --> 00:05:57,950
en utilisant NPM, le gestionnaire de paquets de noeuds.

77
00:05:57,950 --> 00:06:02,750
Donc, nous allons installer ce module de nœud appelé comme serveur léger.

78
00:06:02,750 --> 00:06:07,890
Le serveur de lumière diffusera le contenu de ce dossier git-test dans

79
00:06:07,890 --> 00:06:13,150
un serveur qu'il démarre afin que vous puissiez afficher le contenu dans un navigateur.

80
00:06:13,150 --> 00:06:15,753
Étant donné que nous avons un fichier index.html,

81
00:06:15,753 --> 00:06:19,580
si nous servons ce dossier, alors ce sera un site Web.

82
00:06:19,580 --> 00:06:24,130
Et vous pouvez afficher le index.html dans un navigateur.

83
00:06:24,130 --> 00:06:28,460
Alors, installons le serveur de lumière et ensuite nous verrons comment nous pouvons

84
00:06:28,460 --> 00:06:31,820
utiliser le serveur de lumière pour servir le contenu de ce dossier.

85
00:06:31,820 --> 00:06:36,530
C' est très, très utile parce que si vous travaillez sur un

86
00:06:36,530 --> 00:06:42,240
projet de développement web, vous voulez voir où la version en direct de votre projet de développement web.

87
00:06:42,240 --> 00:06:45,060
Ainsi, lorsque vous apportez des modifications à votre projet,

88
00:06:45,060 --> 00:06:49,400
vous pouvez voir les modifications immédiatement reflétées dans le navigateur.

89
00:06:49,400 --> 00:06:53,840
C' est donc un très bon paquet de nœuds qui est très utile à cet effet.

90
00:06:53,840 --> 00:06:55,980
Alors installons ce serveur de lumière.

91
00:06:55,980 --> 00:06:58,190
Pour ce faire, ajoutez l'invite.

92
00:06:58,190 --> 00:07:01,120
Tapez NPM install.

93
00:07:01,120 --> 00:07:05,244
Donc, notez, si vous voulez que NPM installe un paquet de noeud,

94
00:07:05,244 --> 00:07:10,686
c'est ainsi que vous allez l'appeler, puis vous diriez lite-server.

95
00:07:10,686 --> 00:07:16,685
Et puis, nous voulons aussi sauver le fait que notre projet utilise le serveur lite.

96
00:07:16,685 --> 00:07:20,587
Nous allons donc enregistrer ces informations dans le fichier package.json.

97
00:07:20,587 --> 00:07:27,492
Donc, pour ce faire, vous allez taper — save-dev.

98
00:07:27,492 --> 00:07:33,398
Maintenant, l'option save-dev spécifie que ce serveur lite est utilisé pour la

99
00:07:33,398 --> 00:07:37,820
dépendance de développement pour notre projet.

100
00:07:37,820 --> 00:07:43,230
Si vous installez un module de nœud sur lequel votre projet

101
00:07:43,230 --> 00:07:48,680
dépend directement, vous l'installeriez simplement en disant —save option.

102
00:07:49,680 --> 00:07:52,110
Alors, allons-y et installons-le.

103
00:07:52,110 --> 00:07:56,990
Et vous attendez patiemment que l'installation ait lieu.

104
00:08:00,140 --> 00:08:06,890
Cela prendra quelques minutes pour terminer son installation.

105
00:08:06,890 --> 00:08:11,830
Une fois qu'il est installé, alors vous

106
00:08:11,830 --> 00:08:16,771
remarquerez immédiatement lorsque vous regardez le contenu de votre dossier,

107
00:08:16,771 --> 00:08:25,099
vous remarquerez immédiatement qu'il y a un dossier créé nommé node_modules.

108
00:08:25,099 --> 00:08:30,251
Maintenant, si vous allez dans le node_module, vous verrez tout un tas

109
00:08:30,251 --> 00:08:35,120
d'autres sous-dossiers, qui contiennent des modules de noeud,

110
00:08:35,120 --> 00:08:40,098
qui sont nécessaires pour les goûts de notre module de noeud et ainsi de suite.

111
00:08:40,098 --> 00:08:44,873
Nous allons donc faire un tour rapide du dossier des modules de noeud pour voir

112
00:08:44,873 --> 00:08:47,515
quel est le contenu de ceux-ci.

113
00:08:50,764 --> 00:08:55,713
Aller à mon dossier git-test, si vous allez dans le dossier des modules de noeud,

114
00:08:55,713 --> 00:09:00,130
vous verrez, comme je l'ai dit, tout un tas de sous-dossiers là-bas.

115
00:09:00,130 --> 00:09:04,972
Normalement, vous n'avez pas besoin de vous aventurer dans le dossier des modules de nœuds.

116
00:09:04,972 --> 00:09:09,222
Ils existent juste là parce qu'ils sont nécessaires pour le [INAUDIBLE].

117
00:09:09,222 --> 00:09:16,470
Donc, lorsque vous naviguez à travers, vous devriez remarquer un dossier nommé lite-server ici.

118
00:09:16,470 --> 00:09:18,970
Lorsque vous allez dans le dossier lite-server,

119
00:09:18,970 --> 00:09:23,860
notez en particulier la présence du fichier index.js,

120
00:09:23,860 --> 00:09:27,690
puis de votre fichier package.json et plusieurs autres choses.

121
00:09:27,690 --> 00:09:33,538
Donc, ce contenu du dossier comprend le module de nœud lite-server.

122
00:09:33,538 --> 00:09:38,010
Mais ce module de noeud lite-server dépend d'autres modules de noeud

123
00:09:38,010 --> 00:09:41,120
pour lui fournir des fonctionnalités supplémentaires.

124
00:09:41,120 --> 00:09:45,190
C' est donc la raison pour laquelle lorsque vous installez le module de nœud du serveur de lumière, il

125
00:09:45,190 --> 00:09:51,590
installera à son tour de nombreux autres modules de nœud, dont le serveur de lumière lui-même dépend.

126
00:09:51,590 --> 00:09:56,239
C' est donc la raison pour laquelle vous voyez

127
00:09:56,239 --> 00:10:00,800
cette explosion de ces dossiers à l'intérieur des modules de noeud.

128
00:10:00,800 --> 00:10:04,670
Ne vous inquiétez pas trop, la somme des dossiers ne sera pas

129
00:10:04,670 --> 00:10:08,620
supérieure à quelques dizaines de mégaoctets.

130
00:10:08,620 --> 00:10:12,310
Donc, il ne va pas remplir votre répertoire avec du courrier indésirable.

131
00:10:13,400 --> 00:10:17,680
Tout cela est essentiel pour que le nœud puisse vous aider.

132
00:10:19,420 --> 00:10:24,280
Si vous êtes curieux de connaître le serveur lite-server et comment il fonctionne et ainsi de suite,

133
00:10:24,280 --> 00:10:29,780
vous pouvez toujours descendre sur ce site GitHub où le serveur lite-est hébergé.

134
00:10:29,780 --> 00:10:35,260
Et puis recherchez la documentation pour lite-server.

135
00:10:35,260 --> 00:10:40,040
Je vais vous présenter tout ce que vous devez savoir sur lite-server au fur et à mesure que nous suivrons

136
00:10:40,040 --> 00:10:42,830
ce cours et les cours restants.

137
00:10:42,830 --> 00:10:47,223
Donc, vous n'avez pas besoin de vous inquiéter trop à ce sujet, mais juste au cas où

138
00:10:47,223 --> 00:10:51,306
vous êtes curieux, vous pouvez toujours aller sur le site pour en savoir plus sur lite-server.

139
00:10:51,306 --> 00:10:56,651
Le lien est fourni dans vos instructions d'exercice et

140
00:10:56,651 --> 00:11:01,307
des ressources supplémentaires font partie de cette leçon.

141
00:11:03,640 --> 00:11:08,556
Une fois que vous avez terminé cela, puis dirigez-vous vers le.

142
00:11:10,139 --> 00:11:15,050
Editeur où vous avez le dossier, dossier Git-Test, ouvert,

143
00:11:15,050 --> 00:11:18,925
puis afficher le contenu du fichier package.json.

144
00:11:18,925 --> 00:11:23,876
Ainsi, vous verrez que le fichier package.json contient exactement les informations que

145
00:11:23,876 --> 00:11:25,722
vous avez configurées avec votre NPM.

146
00:11:25,722 --> 00:11:30,937
Donc, vous verrez la version du nom et l'auteur du référentiel et

147
00:11:30,937 --> 00:11:35,096
en particulier, notez cette information ici.

148
00:11:35,096 --> 00:11:41,211
Il dit devDependencies, alors il spécifie le lite-sever,

149
00:11:41,211 --> 00:11:44,931
et remarque aussi qu'il dit hat 2.2.2.

150
00:11:44,931 --> 00:11:50,643
Donc, ce qui signifie que ce projet particulier

151
00:11:50,643 --> 00:11:58,056
dépend de lite-server qui est au moins une version 2.2.2 ou supérieure.

152
00:11:58,056 --> 00:12:00,472
C' est donc très utile pour nous.

153
00:12:00,472 --> 00:12:04,110
Pourquoi avons-nous besoin de cette information ici ?

154
00:12:04,110 --> 00:12:07,331
Plus tard, lorsque vous allez aux autres exercices,

155
00:12:07,331 --> 00:12:11,874
vous remarquerez que lorsque vous stockez ceci sur un référentiel en ligne,

156
00:12:11,874 --> 00:12:16,765
vous ne voulez pas stocker tout dans votre dossier de modules de nœuds.

157
00:12:16,765 --> 00:12:23,950
Vous ne stockerez que les informations de tous les fichiers que nous avons créés.

158
00:12:23,950 --> 00:12:28,849
Le dossier des modules de noeud peut toujours être recréé en

159
00:12:28,849 --> 00:12:33,056
tapant NPM install à notre invite de commande.

160
00:12:33,056 --> 00:12:35,905
Ensuite, en fonction des dépendances de développement et

161
00:12:35,905 --> 00:12:40,602
des dépendances répertoriées dans le fichier packager, tous les

162
00:12:40,602 --> 00:12:45,306
modules de noeud dont dépend votre projet seront automatiquement installés.

163
00:12:45,306 --> 00:12:50,194
Nous verrons cela plus tard sur la façon d'utiliser l'

164
00:12:50,194 --> 00:12:54,389
installation de NPM dans ce cours.

165
00:12:56,473 --> 00:13:02,098
Maintenant que nous sommes au fichier package.json, faisons quelques modifications afin

166
00:13:02,098 --> 00:13:08,431
que nous puissions utiliser le serveur lite-server pour servir ce contenu.

167
00:13:08,431 --> 00:13:14,520
Donc, ici, dans cette option appelée scripts,

168
00:13:14,520 --> 00:13:18,181
ajoutons un de plus ici.

169
00:13:18,181 --> 00:13:20,806
Donc, nous allons dire « commencer ».

170
00:13:20,806 --> 00:13:26,673
Donc start est une commande prise en charge par NPM qui

171
00:13:26,673 --> 00:13:32,682
vous permet de spécifier un tas de choses qui seront démarrées.

172
00:13:32,682 --> 00:13:35,264
Donc plus tard, nous verrons comment nous en faisons usage.

173
00:13:35,264 --> 00:13:39,512
Donc ici, je vais dire « npm run lite ».

174
00:13:43,557 --> 00:13:48,462
Et après ce test, je vais ajouter

175
00:13:48,462 --> 00:13:53,059
une entrée de plus appelée « lite »,

176
00:13:53,059 --> 00:13:59,971
que je vais configurer comme « serveur lite- », ok ?

177
00:13:59,971 --> 00:14:04,889
Avec ces modifications, sauvegardons le fichier package.json.

178
00:14:04,889 --> 00:14:11,170
Et puis, maintenant notre projet est configuré, de sorte que maintenant si vous démarrez le serveur lite-,

179
00:14:11,170 --> 00:14:16,682
le contenu de votre dossier sera maintenant servi dans votre navigateur favori.

180
00:14:21,306 --> 00:14:24,890
En revenant à notre invite de commande, ajoutez l'invite.

181
00:14:24,890 --> 00:14:29,531
Si je tape, npm start, maintenant vous voyez pourquoi j'ai mis cette

182
00:14:29,531 --> 00:14:34,181
carte d'entrée dans mon fichier package.json.

183
00:14:34,181 --> 00:14:41,222
Si je dis npm start, quel que soit le début est configuré comme dans le fichier package.json,

184
00:14:41,222 --> 00:14:47,472
nous spécifions que npm run light, et le lite a été spécifié comme serveur lite.

185
00:14:47,472 --> 00:14:50,420
Donc essentiellement, nous disons Démarrer le serveur lite-server.

186
00:14:50,420 --> 00:14:54,821
Donc, une fois que je tape npm start, il démarrera le lite-server, et

187
00:14:54,821 --> 00:14:57,931
il servira le contenu de ce dossier.

188
00:14:57,931 --> 00:15:00,889
Maintenant, comment accéder au contenu de ce dossier ?

189
00:15:00,889 --> 00:15:04,812
Si vous voulez y

190
00:15:04,812 --> 00:15:12,056
accéder localement, vous y accéderez en spécifiant le que vous êtes en tant que localhost:3000.

191
00:15:12,056 --> 00:15:15,389
Ce sont les paramètres par défaut pour le serveur lite-server.

192
00:15:15,389 --> 00:15:19,831
En outre, cela devrait ouvrir automatiquement

193
00:15:19,831 --> 00:15:24,382
la fenêtre du navigateur de votre navigateur par défaut, et

194
00:15:24,382 --> 00:15:29,722
afficher le contenu de l'index ou du HTML dans la fenêtre du navigateur.

195
00:15:29,722 --> 00:15:34,480
Ici vous pouvez voir que j'ai ouvert mon éditeur et

196
00:15:34,480 --> 00:15:39,849
ma fenêtre de navigateur dirigée vers localhost:3000

197
00:15:39,849 --> 00:15:44,730
simultanément côte à côte, afin que nous puissions voir

198
00:15:44,730 --> 00:15:49,733
comment la fenêtre du navigateur reflétera immédiatement les

199
00:15:49,733 --> 00:15:54,760
modifications que nous apporterons à notre dossier de test Git.

200
00:15:54,760 --> 00:15:57,780
Alors laissez-moi aller à index.html.

201
00:15:57,780 --> 00:16:03,060
Et puis, pour l'espace, je vais retourner ça.

202
00:16:03,060 --> 00:16:07,680
Et puis, donc ici, vous pouvez voir que c'est le contenu de ceci.

203
00:16:07,680 --> 00:16:11,554
Et puis, maintenant, permettez-moi d'ajouter un paragraphe de plus.

204
00:16:21,328 --> 00:16:27,338
Et enregistrez les modifications, puis vous remarquerez immédiatement que

205
00:16:27,338 --> 00:16:34,980
le changement que j'ai fait à mon fichier index.html est reflété dans mon navigateur.

206
00:16:34,980 --> 00:16:40,560
Cela fournit une très belle façon de pouvoir observer en

207
00:16:40,560 --> 00:16:45,890
temps réel les modifications que vous apportez à votre code étant reflétées dans votre navigateur.

208
00:16:45,890 --> 00:16:49,920
Donc, lorsque vous travaillez sur un projet, il sera très approprié

209
00:16:49,920 --> 00:16:52,175
que vous puissiez voir les changements immédiatement.

210
00:16:52,175 --> 00:16:54,895
Ainsi, lorsque vous effectuez une modification et que vous enregistrez le fichier,

211
00:16:54,895 --> 00:16:59,185
le code modifié est immédiatement chargé dans votre navigateur.

212
00:16:59,185 --> 00:17:04,420
Ainsi, vous pouvez immédiatement voir le changement se reflétant dans la fenêtre de votre navigateur.

213
00:17:04,420 --> 00:17:12,400
C' est un outil très utile pendant que vous faites le développement de votre projet.

214
00:17:12,400 --> 00:17:18,026
C' est la raison pour laquelle je vous ai présenté ce serveur lite-server, et l'

215
00:17:18,026 --> 00:17:24,791
ai mis en place pour que nous puissions l'utiliser, au fur et à mesure que nous développons le site web dans ce cours.

216
00:17:27,033 --> 00:17:32,092
Si vous vous souvenez, nous avions déjà configuré notre dossier git-test pour être un dépôt Git.

217
00:17:32,092 --> 00:17:37,435
Donc, en vérifiant à nouveau,

218
00:17:37,435 --> 00:17:40,805
Nous verrons que nous avons déjà trois commits dans notre dépôt Git.

219
00:17:40,805 --> 00:17:45,885
Et ce dépôt Git est déjà reflété dans notre référentiel Git en ligne

220
00:17:45,885 --> 00:17:51,015
que nous avons mis en place dans l'exercice précédent, soit chez Bitbucket ou GitHub.

221
00:17:51,015 --> 00:17:55,665
Mon dossier git-test est synchronisé avec mon

222
00:17:55,665 --> 00:18:02,380
dépôt Bitbucket dans cet exercice particulier.

223
00:18:02,380 --> 00:18:08,220
Donc, ce que je vais faire maintenant est de vous montrer comment vous pouvez exclure certains

224
00:18:08,220 --> 00:18:13,830
dossiers de votre dossier de projet,

225
00:18:13,830 --> 00:18:19,760
puis assurez-vous qu'ils ne sont pas synchronisés avec votre référentiel en ligne.

226
00:18:19,760 --> 00:18:24,480
Maintenant, comme je l'ai dit, le dossier node_modules peut toujours être recréé

227
00:18:24,480 --> 00:18:27,840
en tapant npm install à l'invite.

228
00:18:27,840 --> 00:18:31,490
C' est pourquoi, lorsque vous téléchargez

229
00:18:31,490 --> 00:18:36,690
le contenu de votre dossier dans un référentiel Git en ligne,

230
00:18:36,690 --> 00:18:42,320
ou lorsque vous effectuez un commit du dossier dans votre référentiel Git,

231
00:18:42,320 --> 00:18:47,230
vous ne voulez pas que le dossier node_modules ou tous les sous-dossiers sous celui-ci soient

232
00:18:47,230 --> 00:18:52,280
inclus dans le commit.

233
00:18:52,280 --> 00:18:55,950
Alors, comment exclure certains dossiers ou

234
00:18:55,950 --> 00:19:02,380
certains fichiers de notre dossier d'être archivés dans notre dépôt Git ?

235
00:19:02,380 --> 00:19:08,680
Donc, pour ce faire, nous allons mettre en place un fichier nommé .gitignore.

236
00:19:08,680 --> 00:19:11,860
C' est donc le nom du fichier, .gitignore.

237
00:19:11,860 --> 00:19:17,220
Donc, pour créer ce fichier .gitignore, nous irons dans notre éditeur.

238
00:19:18,550 --> 00:19:23,956
Donc, dans l'éditeur, dans le dossier git-test,

239
00:19:23,956 --> 00:19:31,300
je vais créer un nouveau fichier et je vais le nommer .gitignore.

240
00:19:31,300 --> 00:19:34,650
Notez que le nom commence par un point

241
00:19:34,650 --> 00:19:39,840
, puis le reste du nom est g-i-t-i-g-n-o-r-e.

242
00:19:39,840 --> 00:19:44,492
C' est donc très important que vous configurez le fichier avec exactement ce nom,

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

244
00:19:46,500 --> 00:19:51,070
Nous allons donc créer ce fichier appelé .gitignore, et

245
00:19:51,070 --> 00:19:57,360
la première ligne de ce fichier, nous taperons comme node_modules.

246
00:19:57,360 --> 00:20:01,450
Donc, ce que cela signifie, c'est que le dossier node_modules va être

247
00:20:01,450 --> 00:20:04,410
exclu de notre commit git.

248
00:20:05,850 --> 00:20:08,896
Donc, une fois que j'ai créé ce fichier .gitignore et

249
00:20:08,896 --> 00:20:14,900
ensuite ajouté node_modules dans le fichier .gitignore, sauvegardons les modifications.

250
00:20:14,900 --> 00:20:19,735
Et puis nous allons maintenant faire un commit de l'état actuel de notre projet

251
00:20:19,735 --> 00:20:24,700
dans notre dépôt Git.

252
00:20:24,700 --> 00:20:27,220
J' espère que vous vous souvenez de vos commandes git.

253
00:20:27,220 --> 00:20:31,310
Faisons un état git, et quand vous le faites,

254
00:20:31,310 --> 00:20:36,194
vous remarquerez immédiatement que vous avez le

255
00:20:36,194 --> 00:20:42,070
fichier index.html marqué comme modifié, puis les deux nouveaux fichiers, .gitignore et package.json.

256
00:20:42,070 --> 00:20:49,500
Donc, nous faisons un git add., puis faisons un état git.

257
00:20:49,500 --> 00:20:54,120
Et puis vous voyez que tous ces nouveaux fichiers ont été archivés dans votre commit.

258
00:20:54,120 --> 00:21:01,090
Faisons un commit git. git commit -m « quatrième commit ».

259
00:21:01,090 --> 00:21:05,440
Et les fichiers sont validés.

260
00:21:05,440 --> 00:21:09,303
Poussons le nouveau commit dans notre référentiel en ligne.

261
00:21:09,303 --> 00:21:13,905
Donc, pour faire ce git push -u

262
00:21:13,905 --> 00:21:18,510
origin master et attendre

263
00:21:18,510 --> 00:21:23,750
qu'il soit poussé sur notre serveur.

264
00:21:23,750 --> 00:21:27,403
Maintenant, si vous allez dans votre dépôt Git en ligne,

265
00:21:27,403 --> 00:21:30,871
vous verrez que le fichier package.json et

266
00:21:30,871 --> 00:21:36,132
.gitignore auraient été archivés dans votre dépôt Git.

267
00:21:36,132 --> 00:21:41,195
Aller à mon dépôt Bitbucket à partir du test Git, vous verrez que

268
00:21:41,195 --> 00:21:47,320
lorsque je regarde la source, vous verrez que le fichier package.json a été ajouté.

269
00:21:47,320 --> 00:21:54,600
Le fichier .gitignore a été ajouté et le nouveau fichier index.html a été archivé.

270
00:21:54,600 --> 00:21:57,570
Donc, cela complète cet exercice.

271
00:21:57,570 --> 00:21:58,770
Donc, dans cet exercice,

272
00:21:58,770 --> 00:22:03,586
nous avons appris à configurer un fichier package.json en utilisant npm init.

273
00:22:03,586 --> 00:22:07,310
Nous avons appris à installer un module npm.

274
00:22:07,310 --> 00:22:11,900
Et nous avons appris à utiliser le module npm lite-server pour servir

275
00:22:11,900 --> 00:22:18,100
le contenu de notre dossier de projet afin qu'il puisse être consulté dans un navigateur.

276
00:22:18,100 --> 00:22:21,920
Donc, c'est une bonne façon de diffuser votre contenu web, votre

277
00:22:21,920 --> 00:22:25,360
application web ou votre site Web, afin

278
00:22:25,360 --> 00:22:31,680
que vous puissiez voir les changements en temps réel se reflétant dans la fenêtre de votre navigateur.

279
00:22:31,680 --> 00:22:37,280
Et puis nous avons aussi vu comment nous pouvons configurer le .gitignore afin que certains

280
00:22:37,280 --> 00:22:42,790
dossiers puissent être exclus d'être archivés dans notre dépôt Git.

281
00:22:42,790 --> 00:22:45,450
Ceci complète cet exercice.

282
00:22:45,450 --> 00:22:50,450
Donc, avec cela, je suis sûr que vous avez obtenu une bonne gestion sur

283
00:22:50,450 --> 00:22:56,280
l'utilisation de Git, puis aussi des modules de noeud et de noeud.

284
00:22:56,280 --> 00:23:02,020
Ne vous inquiétez pas, nous allons utiliser le nœud de manière intensive, de différentes manières, au

285
00:23:02,020 --> 00:23:05,610
fur et à mesure que vous passerez par les cours de cette spécialisation.

286
00:23:05,610 --> 00:23:06,497
Ce n'est qu'un début.

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