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

2
00:00:05,564 --> 00:00:08,927
Maintenant que vous avez Node.js sur votre ordinateur,

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

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

5
00:00:16,844 --> 00:00:19,980
Nous allons mettre en place un fichier package.json pour

6
00:00:19,980 --> 00:00:24,880
notre dossier git-test avec lequel nous avons travaillé jusqu'à présent,

7
00:00:24,880 --> 00:00:29,780
puis nous allons mettre en place un module Node appelé lite-server que

8
00:00:29,780 --> 00:00:34,610
servira le contenu de notre dossier git-test.

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

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

11
00:00:43,320 --> 00:00:48,499
Et nous verrons aussi comment le serveur lite-server nous permettra de voir automatiquement les mises à jour de notre navigateur

12
00:00:48,499 --> 00:00:53,089
lorsque nous apportons des modifications à notre fichier index.html ou

13
00:00:53,089 --> 00:01:02,283
tous les autres fichiers dans notre dossier git-test.

14
00:01:02,283 --> 00:01:08,685
Le serveur lite-server est quelque chose que nous allons utiliser largement dans ce cours et

15
00:01:08,685 --> 00:01:13,805
futurs pour pouvoir voir les changements en temps réel dans

16
00:01:13,805 --> 00:01:18,730
une fenêtre de navigateur lorsque vous modifiez les fichiers de votre projet.

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

18
00:01:25,650 --> 00:01:29,030
Alors, quel est exactement ce fichier package.json que nous allons mettre en place ?

19
00:01:29,030 --> 00:01:33,254
Donc ici, j'ai quelques informations de

20
00:01:33,254 --> 00:01:37,874
le site npmjs.org qui spécifie quel

21
00:01:37,874 --> 00:01:43,184
est exactement le rôle du fichier package.json.

22
00:01:43,184 --> 00:01:47,210
Donc, le fichier package.json sert de documentation

23
00:01:47,210 --> 00:01:51,670
sur ce que tous les autres paquets dont votre projet dépend.

24
00:01:51,670 --> 00:01:55,130
Ainsi, par exemple, lorsque vous configurez le serveur lite-server pour

25
00:01:55,130 --> 00:01:59,210
votre projet, celui-ci sera enregistré dans le fichier package.json.

26
00:01:59,210 --> 00:02:07,200
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 dépend votre projet.

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

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

31
00:02:24,762 --> 00:02:30,650
spécifique du paquet pour l'utiliser dans votre application Node.

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

33
00:02:33,938 --> 00:02:37,918
ce qui signifie que lorsque vous partagez votre code avec d'autres,

34
00:02:37,918 --> 00:02:42,243
alors ils peuvent également faire l'installation de tous les modules Node,

35
00:02:42,243 --> 00:02:46,767
comme nous le verrons plus tard dans cet exercice, sur leur propre ordinateur.

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

37
00:02:57,610 --> 00:03:02,800
Si vous démarrez un nouveau projet, où vous voulez initialiser le fichier package.json

38
00:03:02,800 --> 00:03:10,420
, tapez simplement npm init à l'invite dans le dossier du projet.

39
00:03:10,420 --> 00:03:13,300
Et puis cela vous mènera à travers un ensemble d'étapes

40
00:03:13,300 --> 00:03:17,150
qui vous permettra de configurer votre fichier package.json.

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

42
00:03:22,290 --> 00:03:28,200
Alors me voici dans le dossier git-test dans ma fenêtre de terminal.

43
00:03:28,200 --> 00:03:31,900
Assurez-vous d'ouvrir également une fenêtre de terminal ou

44
00:03:31,900 --> 00:03:34,728
une fenêtre de commande, puis allez dans le dossier git-test.

45
00:03:34,728 --> 00:03:43,235
Et à l'invite, tapez npm init, puis suivez les questions qui sont posées.

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

47
00:03:48,275 --> 00:03:51,453
Pour la version, nous allons juste le laisser comme 1.0.0.

48
00:03:51,453 --> 00:03:53,135
Nous pouvons modifier cela plus tard.

49
00:03:53,135 --> 00:03:58,175
Pour description,

50
00:03:58,175 --> 00:04:04,475
Ceci est un répertoire de test

51
00:04:04,475 --> 00:04:10,462
pour apprendre Git et Node.

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

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

54
00:04:18,260 --> 00:04:24,508
Habituellement, s'il s'agit d'un paquet Node, le point d'entrée serait index.js.

55
00:04:24,508 --> 00:04:30,369
Maintenant, ce dossier que nous avons mis en place est un dossier index.html,

56
00:04:30,369 --> 00:04:34,018
donc c'est pourquoi je tape simplement index.html.

57
00:04:34,018 --> 00:04:35,801
Test commande, rien.

58
00:04:35,801 --> 00:04:40,365
Dépôt Git, Si nous avions déjà configuré le dépôt Git dans l'exercice

59
00:04:40,365 --> 00:04:43,783
précédent, il vous demandera automatiquement cela.

60
00:04:43,783 --> 00:04:48,733
Sinon, ce serait vide et vous donnerait une option pour taper l'URL du dépôt Git

61
00:04:48,733 --> 00:04:53,920
au cas où vous utiliseriez un dépôt Git en ligne.

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

63
00:04:56,980 --> 00:04:58,501
Auteur, tapez votre nom.

64
00:04:58,501 --> 00:04:59,933
Soyons narcissiques.

65
00:05:04,337 --> 00:05:06,267
Et licence.

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

67
00:05:15,050 --> 00:05:18,566
Donc, si vous êtes familier avec JSON, cela vous semblera très, très familier.

68
00:05:18,566 --> 00:05:21,756
Donc, si tout ça a l'air bien, disons juste d'accord.

69
00:05:21,756 --> 00:05:27,790
Et puis cela entraîne la création des fichiers package.json.

70
00:05:27,790 --> 00:05:31,014
Donc maintenant si vous listez le contenu du dossier,

71
00:05:31,014 --> 00:05:36,109
vous verrez le fichier package.json dans le contenu du dossier.

72
00:05:36,109 --> 00:05:40,932
Ouvrez le dossier git-test dans votre éditeur préféré et

73
00:05:40,932 --> 00:05:47,270
puis jetez un oeil au contenu du fichier package.json dans votre éditeur.

74
00:05:48,950 --> 00:05:53,161
Comme prochaine étape, nous allons apprendre comment installer

75
00:05:53,161 --> 00:05:57,702
un module Node à l'aide de NPM, le gestionnaire de paquets de nœuds.

76
00:05:57,702 --> 00:06:02,434
Nous allons donc installer ce module de noeud appelé lite-server.

77
00:06:02,434 --> 00:06:07,432
Le serveur lite-server servira le contenu de ce dossier git-test dans

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

79
00:06:13,150 --> 00:06:18,404
Étant donné que nous avons un fichier index.html, si nous servons ce dossier

80
00:06:18,404 --> 00:06:24,130
alors ce sera un site Web et vous pouvez voir l'index.html dans un navigateur.

81
00:06:24,130 --> 00:06:28,460
Alors configurons le serveur lite-server et nous verrons comment utiliser

82
00:06:28,460 --> 00:06:31,820
le serveur lite-server pour servir le contenu de ce dossier.

83
00:06:31,820 --> 00:06:37,310
Ceci est très, très utile parce que si vous travaillez sur un projet de développement web,

84
00:06:37,310 --> 00:06:42,380
vous voulez voir la version en direct de votre projet de développement web afin

85
00:06:42,380 --> 00:06:45,060
que lorsque vous apportez des modifications à votre projet,

86
00:06:45,060 --> 00:06:49,400
vous pouvez voir les changements immédiatement reflétés dans le navigateur.

87
00:06:49,400 --> 00:06:53,840
C'est donc un très bon paquet Node qui est très utile à cet effet.

88
00:06:53,840 --> 00:06:55,980
Alors mettons en place le serveur lite-server.

89
00:06:55,980 --> 00:07:01,120
Pour ce faire à l'invite, tapez npm install.

90
00:07:01,120 --> 00:07:04,273
Donc, notez, si vous voulez que npm installe un paquet Node,

91
00:07:04,273 --> 00:07:06,594
voici comment vous allez l'appeler.

92
00:07:06,594 --> 00:07:10,674
Et puis tu dirais lite-server.

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

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

95
00:07:20,670 --> 00:07:27,918
Donc, pour ce faire, nous allons taper —save-dev.

96
00:07:27,918 --> 00:07:33,641
Maintenant, l'option save-dev spécifie que ce serveur lite-server est utilisé pour la dépendance de développement

97
00:07:33,641 --> 00:07:37,820
pour notre projet.

98
00:07:37,820 --> 00:07:43,230
Si vous installez un module Node dont votre projet dépend directement

99
00:07:43,230 --> 00:07:49,680
, vous l'installerez simplement en disant —save option.

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

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

102
00:08:00,197 --> 00:08:07,029
Il faudra quelques minutes pour que cela termine son installation.

103
00:08:07,029 --> 00:08:11,991
Une fois installé, alors vous remarquerez immédiatement

104
00:08:11,991 --> 00:08:16,953
lorsque vous regardez le contenu de votre dossier,

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

106
00:08:25,333 --> 00:08:30,459
Maintenant, si vous allez dans les node_modules, vous verrez tout un tas

107
00:08:30,459 --> 00:08:35,492
d'autres sous-dossiers qui contiennent des modules de noeud qui

108
00:08:35,492 --> 00:08:40,170
sont nécessaires pour le module de noeud lite-sever et ainsi de suite.

109
00:08:40,170 --> 00:08:44,925
Alors, faisons un tour rapide du dossier node_modules pour voir

110
00:08:44,925 --> 00:08:47,363
quel est le contenu de ceux-ci.

111
00:08:50,810 --> 00:08:55,893
En allant dans mon dossier git-test, si vous allez dans le dossier node_modules,

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

113
00:09:00,130 --> 00:09:04,904
Normalement, vous n'avez pas besoin d'être rendu dans le dossier node_modules,

114
00:09:04,904 --> 00:09:09,384
ils existent juste là parce qu'ils sont nécessaires pour le serveur lite-server.

115
00:09:09,384 --> 00:09:16,470
Donc, lorsque vous naviguez à travers vous, si un dossier de notification nommé lite-server ici.

116
00:09:16,470 --> 00:09:21,400
Lorsque vous allez dans le dossier lite-server, notez en particulier la présence de

117
00:09:21,400 --> 00:09:27,690
le fichier index.js, puis un fichier package.json, et plusieurs autres choses.

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

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

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

121
00:09:41,120 --> 00:09:46,456
C'est donc la raison pour laquelle, lorsque vous installez le module de noeud lite-server, il va à son tour

122
00:09:46,456 --> 00:09:51,590
installer de nombreux autres modules de noeuds dont le lite-server lui-même dépend.

123
00:09:51,590 --> 00:09:56,810
Donc c'est la raison pour laquelle vous voyez cette explosion de

124
00:09:56,810 --> 00:10:00,800
ces dossiers dans le dossier node_modules.

125
00:10:00,800 --> 00:10:06,090
Ne vous inquiétez pas trop, la somme totale de tout cela ne sera pas supérieure à

126
00:10:06,090 --> 00:10:08,620
quelques dizaines de mégaoctets.

127
00:10:08,620 --> 00:10:12,310
Donc, il ne va pas remplir votre répertoire avec cette ordure.

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

129
00:10:19,420 --> 00:10:24,280
Au cas où vous êtes curieux de connaître le serveur lite-server et comment il fonctionne et ainsi de suite.

130
00:10:24,280 --> 00:10:30,010
Vous pouvez toujours descendre sur ce site GitHub où le serveur lite-server est posté et

131
00:10:30,010 --> 00:10:33,855
puis rechercher la documentation pour lite-server.

132
00:10:35,260 --> 00:10:40,040
Je vais vous présenter tout ce que vous devez savoir sur lite-server alors que nous passons par

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

134
00:10:42,830 --> 00:10:44,560
Donc, vous n'avez pas besoin de vous inquiéter trop à ce sujet.

135
00:10:44,560 --> 00:10:46,890
Mais juste au cas où vous êtes curieux,

136
00:10:46,890 --> 00:10:51,590
vous pouvez toujours aller sur ce site pour en savoir plus sur lite-server.

137
00:10:51,590 --> 00:10:55,710
Le lien est fourni dans vos instructions d'exercice et

138
00:10:55,710 --> 00:11:01,220
ressources supplémentaires partie de cette leçon.

139
00:11:04,040 --> 00:11:09,357
Une fois que vous avez terminé cela, dirigez-vous vers l'éditeur,

140
00:11:09,357 --> 00:11:14,258
où vous avez le dossier, le dossier git-test, ouvert et

141
00:11:14,258 --> 00:11:18,753
puis affichez le contenu du fichier package.json.

142
00:11:18,753 --> 00:11:23,604
Donc, vous verrez que le fichier package.json contient exactement les informations que

143
00:11:23,604 --> 00:11:25,691
vous avez configurées avec votre npm.

144
00:11:25,691 --> 00:11:31,414
Donc, vous verrez le nom, la version et l'auteur du référentiel,

145
00:11:31,414 --> 00:11:38,142
et en particulier, notez cette information ici dit DevDependencies.

146
00:11:38,142 --> 00:11:45,034
Et puis il spécifie lite-server, et remarque également qu'il dit, ^2.2.2.

147
00:11:45,034 --> 00:11:50,086
Donc, ce qui signifie que ce projet particulier dépend de

148
00:11:50,086 --> 00:11:54,858
lite-server qui est une version au moins 2.2.2.

149
00:11:54,858 --> 00:11:56,078
Tous haut niveau.

150
00:11:57,308 --> 00:12:00,488
C'est donc très utile pour nous.

151
00:12:00,488 --> 00:12:05,942
Maintenant, pourquoi avons-nous besoin de cette information ici, plus tard lorsque vous allez aux autres exercices

152
00:12:05,942 --> 00:12:11,669
, vous remarquerez que lorsque vous les stockez dans un dépôt en ligne.

153
00:12:11,669 --> 00:12:16,738
Vous ne voulez pas tout stocker dans votre dossier node_modules.

154
00:12:16,738 --> 00:12:23,902
Nous ne stockerons que les informations de tous les fichiers que nous avons créés.

155
00:12:23,902 --> 00:12:28,896
Le dossier node_modules peut toujours être recréé par

156
00:12:28,896 --> 00:12:33,270
en tapant nmp install à notre invite de commande.

157
00:12:33,270 --> 00:12:36,260
Et puis basé sur les dépendances DevDependencies et

158
00:12:36,260 --> 00:12:40,235
répertoriées dans le fichier package.json.

159
00:12:40,235 --> 00:12:44,542
Tous les modules de noeuds dont dépend votre projet seront automatiquement installés

160
00:12:44,542 --> 00:12:45,338
.

161
00:12:45,338 --> 00:12:48,868
Nous verrons que plus tard,

162
00:12:48,868 --> 00:12:54,330
sur la façon d'utiliser npm install dans ce cours.

163
00:12:56,150 --> 00:13:02,020
Maintenant, maintenant que nous sommes au fichier package.json, faisons quelques modifications afin

164
00:13:02,020 --> 00:13:08,630
que nous puissions utiliser le serveur lite-server pour servir ce contenu.

165
00:13:08,630 --> 00:13:14,694
Donc, ici dans cette option appelée scripts,

166
00:13:14,694 --> 00:13:18,430
ajoutons en un de plus ici.

167
00:13:18,430 --> 00:13:20,618
Donc, nous dirons, commencez.

168
00:13:20,618 --> 00:13:26,540
Donc start est une commande que npm supporte

169
00:13:26,540 --> 00:13:32,890
qui vous permet de spécifier un tas de choses qui seront démarrées.

170
00:13:32,890 --> 00:13:35,312
Donc, plus tard, nous verrons comment nous en ferons usage.

171
00:13:35,312 --> 00:13:39,668
Donc ici, je vais dire, npm run lite.

172
00:13:43,407 --> 00:13:48,009
Et après le test, je vais

173
00:13:48,009 --> 00:13:52,788
pour ajouter une entrée de plus appelée,

174
00:13:52,788 --> 00:13:59,725
lite que je vais configurer en tant que serveur lite-server.

175
00:13:59,725 --> 00:14:04,798
Ok, avec ces changements, sauvegardons le fichier package.json et

176
00:14:04,798 --> 00:14:07,740
maintenant, notre projet est configuré.

177
00:14:07,740 --> 00:14:11,046
Alors que maintenant, si vous démarrez le serveur lite-server,

178
00:14:11,046 --> 00:14:16,530
le contenu de votre dossier sera maintenant servi dans votre navigateur préféré.

179
00:14:21,690 --> 00:14:25,050
Retour à notre invite de commande et à l'invite.

180
00:14:25,050 --> 00:14:29,470
Si je tape npm start, maintenant vous voyez pourquoi

181
00:14:29,470 --> 00:14:34,320
j'ai mis cette entrée appelée start dans mon fichier package.json.

182
00:14:34,320 --> 00:14:39,480
Donc, si je dis npm start, quel que soit ce démarrage configuré comme,

183
00:14:39,480 --> 00:14:42,310
dans le fichier package.json.

184
00:14:42,310 --> 00:14:47,640
Nous spécifions que npm run lite, puis lite a été spécifié comme lite-server.

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

186
00:14:50,420 --> 00:14:54,751
Donc une fois que j'ai tapé, npm start, il démarrera le serveur lite-et

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

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

189
00:15:00,921 --> 00:15:06,912
Si vous voulez y accéder localement, vous y accéderez par

190
00:15:06,912 --> 00:15:12,120
en spécifiant l'URL comme localhost:3000.

191
00:15:12,120 --> 00:15:15,550
Il s'agit des paramètres par défaut pour le serveur lite-server.

192
00:15:15,550 --> 00:15:19,838
De plus, cela devrait ouvrir automatiquement

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

194
00:15:24,016 --> 00:15:29,707
puis afficher le contenu de index.html dans cette fenêtre de navigateur.

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

196
00:15:34,244 --> 00:15:39,115
ma fenêtre de navigateur dirigée à localhost:3000

197
00:15:39,115 --> 00:15:42,446
simultanément côte à côte.

198
00:15:42,446 --> 00:15:54,760
Pour que nous puissions voir comment la fenêtre du navigateur reflétera immédiatement toutes les modifications que nous apportons à nos fichiers dans le dossier git-test.

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

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

201
00:16:03,989 --> 00:16:07,372
Et alors ici, vous pouvez voir que c'est le contenu de ceci.

202
00:16:07,372 --> 00:16:12,392
Et maintenant, permettez-moi d'ajouter dans

203
00:16:12,392 --> 00:16:16,918
un paragraphe de plus,

204
00:16:21,492 --> 00:16:24,150
et de sauvegarder les changements.

205
00:16:24,150 --> 00:16:29,220
Et puis vous remarquerez immédiatement que la modification que

206
00:16:29,220 --> 00:16:34,980
j'ai apportée à mon fichier index.html est reflétée dans mon navigateur.

207
00:16:34,980 --> 00:16:41,380
Ceci offre une très belle façon d'observer, en temps réel,

208
00:16:41,380 --> 00:16:45,890
les changements que vous apportez à votre code reflétant dans votre navigateur.

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

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

211
00:16:52,175 --> 00:16:54,895
Donc, lorsque vous effectuez une modification et enregistrez le fichier,

212
00:16:54,895 --> 00:16:59,345
le code modifié est immédiatement chargé dans votre navigateur afin

213
00:16:59,345 --> 00:17:04,420
vous pouvez immédiatement voir le changement reflété dans la fenêtre de votre navigateur.

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

215
00:17:12,400 --> 00:17:17,400
C'est la raison pour laquelle je vous ai présenté le serveur lite et

216
00:17:17,400 --> 00:17:25,250
l'a mis en place afin que nous puissions l'utiliser pendant que nous développons le site web dans ce cours.

217
00:17:27,280 --> 00:17:32,830
Si vous vous souvenez, nous avions déjà configuré notre dossier git-test pour être un dépôt git,

218
00:17:32,830 --> 00:17:37,515
de sorte que, en vérifiant à nouveau, nous

219
00:17:37,515 --> 00:17:40,805
verrons que nous avons déjà trois commits dans notre dépôt git.

220
00:17:40,805 --> 00:17:45,885
Et ce dépôt git est déjà dans notre dépôt git en ligne,

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

222
00:17:51,015 --> 00:17:56,849
Mon dossier git-test est synchronisé avec mon dépôt bitbucket

223
00:17:56,849 --> 00:18:02,386
dans cet exercice particulier.

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

225
00:18:08,220 --> 00:18:13,980
de votre dossier de projet et

226
00:18:13,980 --> 00:18:19,760
puis assurez-vous qu'ils ne sont pas synchronisés avec votre dépôt en ligne.

227
00:18:19,760 --> 00:18:24,714
Maintenant, comme je l'ai dit, le dossier des modules de noeud peut toujours être recréé

228
00:18:24,714 --> 00:18:27,679
en tapant npminstall à l'invite.

229
00:18:27,679 --> 00:18:32,089
C'est pourquoi, lorsque vous téléchargez le contenu de

230
00:18:32,089 --> 00:18:35,948
votre dossier dans un dépôt git en ligne ou

231
00:18:35,948 --> 00:18:41,240
lorsque vous faites un commit du dossier dans votre dépôt git,

232
00:18:41,240 --> 00:18:46,865
vous ne voulez pas que le dossier note modules ou tous les sous-dossiers

233
00:18:46,865 --> 00:18:52,280
sous celui-ci soient inclus dans le, Commit.

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

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

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

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

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

239
00:19:18,550 --> 00:19:24,929
Donc, dans l'éditeur dans le dossier de test git, je vais créer un nouveau fichier.

240
00:19:24,929 --> 00:19:31,300
Et je vais le nommer .gitignore.

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

242
00:19:34,650 --> 00:19:39,840
puis le reste du nom est G-I-T-I-G-N-O-R-E.

243
00:19:39,840 --> 00:19:40,580
Donc c'est très,

244
00:19:40,580 --> 00:19:45,320
très important que vous ayez mis en place la fille avec exactement le nom, .gitignore.

245
00:19:46,500 --> 00:19:51,070
Alors créons ce fichier appelé .gitignore, et

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

247
00:19:57,360 --> 00:19:59,550
Donc ce que cela signifie, c'est que

248
00:19:59,550 --> 00:20:04,410
le dossier du module de noeud va être exclu de notre commit git.

249
00:20:05,850 --> 00:20:09,440
Donc, une fois que j'ai créé ce fichier .gitignore et

250
00:20:09,440 --> 00:20:14,900
puis ajouté des modules de noeud dans le fichier .gitignore, sauvegardons les modifications.

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

252
00:20:20,260 --> 00:20:22,860
dans notre dépôt git.

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

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

255
00:20:31,310 --> 00:20:36,900
vous remarquerez immédiatement que vous avez le fichier index.html

256
00:20:36,900 --> 00:20:42,070
marqué comme modifié, puis les deux nouveaux fichiers, .gitignore et package.json.

257
00:20:42,070 --> 00:20:49,500
Donc, nous faisons un git add., puis faisons un statut git.

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

259
00:20:54,120 --> 00:20:59,665
Faisons un commit git, git commit -m « quatrième

260
00:20:59,665 --> 00:21:05,440
commit ». Et les fichiers sont validés.

261
00:21:05,440 --> 00:21:10,300
Poussons le nouveau commit dans notre dépôt en ligne.

262
00:21:10,300 --> 00:21:15,632
Donc, pour ce faire, git push

263
00:21:15,632 --> 00:21:20,442
-u origine master.

264
00:21:20,442 --> 00:21:24,370
Et attendez qu'il soit poussé sur notre serveur.

265
00:21:24,370 --> 00:21:29,320
Maintenant, si vous allez dans votre dépôt git en ligne,

266
00:21:29,320 --> 00:21:31,909
, vous verrez que le fichier package.json et

267
00:21:31,909 --> 00:21:35,660
.gitignore auraient été archivés dans votre dépôt git.

268
00:21:37,250 --> 00:21:42,130
Aller à mon dépôt bitbucket pour le git-test.

269
00:21:42,130 --> 00:21:45,050
Vous verrez que quand je regarde la source,

270
00:21:45,050 --> 00:21:47,440
vous verrez que le fichier package.json a été ajouté,

271
00:21:48,780 --> 00:21:54,600
le .gitignore a été ajouté, et le nouveau fichier index.html a été enregistré.

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

273
00:21:57,630 --> 00:21:58,962
Donc, dans cet exercice,

274
00:21:58,962 --> 00:22:03,760
, nous avons appris à configurer un fichier package.json en utilisant npm minute.

275
00:22:03,760 --> 00:22:07,034
Nous avons appris à installer un module npm.

276
00:22:07,034 --> 00:22:12,220
Et nous avons appris à utiliser le module npm du serveur lite pour servir

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

278
00:22:18,100 --> 00:22:21,874
C'est donc une belle façon de servir vos contenus,

279
00:22:21,874 --> 00:22:24,912
votre application web ou votre site web si

280
00:22:24,912 --> 00:22:31,680
que vous pouvez voir les changements en temps réel reflétés dans la fenêtre de votre navigateur.

281
00:22:31,680 --> 00:22:37,280
Et puis, nous avons également vu comment ils peuvent configurer le .gitignore afin que certains dossiers

282
00:22:37,280 --> 00:22:42,790
puissent être exclus de l'archivage dans notre dépôt git.

283
00:22:42,790 --> 00:22:45,450
Ceci termine cet exercice.

284
00:22:45,450 --> 00:22:50,450
Donc, avec cela, je suis sûr que vous auriez obtenu un bon handle sur

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

286
00:22:56,280 --> 00:22:57,060
Ne vous inquiétez pas.

287
00:22:57,060 --> 00:23:02,020
Nous allons utiliser le noeud largement de diverses manières

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

289
00:23:05,610 --> 00:23:10,238
Ce n'est qu'un début.

290
00:23:10,238 --> 00:23:13,270
[MUSIQUE]