1 00:00:01,090 --> 00:00:03,220 ‫Jonas : Passons maintenant 2 00:00:03,220 --> 00:00:06,120 ‫très rapidement aux fondamentaux de Git, et 3 00:00:06,120 --> 00:00:10,140 ‫ce n'est en aucun cas un aperçu complet de Git. 4 00:00:10,140 --> 00:00:12,410 ‫Tout ce que je veux faire ici, 5 00:00:12,410 --> 00:00:14,730 ‫c'est vous aider à démarrer avec Git le 6 00:00:14,730 --> 00:00:18,297 ‫plus rapidement possible afin que nous puissions ensuite déployer notre projet sur Heroku. 7 00:00:19,760 --> 00:00:21,790 ‫Et comme je l'ai mentionné dans la dernière 8 00:00:21,790 --> 00:00:25,460 ‫vidéo, je vais maintenant commencer à utiliser Git dans la ligne de commande, d'accord ? 9 00:00:25,460 --> 00:00:27,100 ‫Et en fait, j'utilise à 10 00:00:27,100 --> 00:00:29,290 ‫nouveau le terminal ici dans VS Code. 11 00:00:29,290 --> 00:00:33,320 ‫Alors quittons maintenant le processus en cours ici, d'accord ? 12 00:00:33,320 --> 00:00:35,770 ‫Et maintenant, ici, dans notre dossier 13 00:00:35,770 --> 00:00:37,950 ‫de projet local, créez un 14 00:00:37,950 --> 00:00:42,750 ‫nouveau référentiel, et nous le faisons en écrivant git init, d'accord ? 15 00:00:42,750 --> 00:00:45,640 ‫Appuyez sur Entrée et c'est tout. 16 00:00:45,640 --> 00:00:48,650 ‫Nous venons donc d'initialiser un référentiel Git vide, ou nous 17 00:00:48,650 --> 00:00:50,990 ‫pouvons également l'appeler simplement un référentiel. 18 00:00:50,990 --> 00:00:53,290 ‫C'est donc un peu plus facile à dire. 19 00:00:53,290 --> 00:00:56,470 ‫Donc, encore une fois, afin de créer un nouveau référentiel, 20 00:00:56,470 --> 00:00:58,530 ‫ou référentiel, pour votre projet, 21 00:00:58,530 --> 00:01:01,080 ‫vous devez accéder à ce dossier de projet, 22 00:01:01,080 --> 00:01:04,790 ‫qui ici dans VS Code se produit en quelque sorte automatiquement. 23 00:01:04,790 --> 00:01:07,837 ‫Nous sommes donc automatiquement ici dans 24 00:01:07,837 --> 00:01:10,970 ‫le dossier Home, puis vous y écrivez git 25 00:01:10,970 --> 00:01:14,350 ‫init, et cela fait ensuite tourner ce nouveau référentiel. 26 00:01:14,350 --> 00:01:16,170 ‫Et ici, dans ma ligne de commande, 27 00:01:16,170 --> 00:01:19,480 ‫vous pouvez en fait voir cette partie jaune maintenant ici de l'invite, et 28 00:01:19,480 --> 00:01:22,330 ‫probablement sur votre terminal, vous ne l'aurez pas, et cela 29 00:01:22,330 --> 00:01:23,670 ‫n'a pas vraiment d'importance. 30 00:01:23,670 --> 00:01:26,290 ‫Donc, tout ce que cela signifie ici, 31 00:01:26,290 --> 00:01:31,100 ‫c'est que nous avons actuellement un référentiel avec une branche appelée master, d'accord ? 32 00:01:31,100 --> 00:01:34,950 ‫Et un peu plus sur la branche master plus tard. 33 00:01:34,950 --> 00:01:37,600 ‫Quoi qu'il en soit, avant de faire quoi 34 00:01:37,600 --> 00:01:40,770 ‫que ce soit d'autre, créons un fichier spécial appelé gitignore, et 35 00:01:40,770 --> 00:01:42,863 ‫nous y ajouterons tous les fichiers 36 00:01:42,863 --> 00:01:45,703 ‫que nous ne voulons pas avoir dans notre référentiel. 37 00:01:47,630 --> 00:01:50,080 ‫C'est donc une sorte de fichier 38 00:01:50,080 --> 00:01:53,423 ‫de configuration comme ces configurations plus jolies ou eslint. 39 00:01:54,420 --> 00:01:58,883 ‫Je peux donc en créer un nouveau ici. 40 00:02:00,990 --> 00:02:01,910 ‫La sortie ici. 41 00:02:01,910 --> 00:02:04,617 ‫Alors . gitignore, comme ça, d'accord ? 42 00:02:09,370 --> 00:02:11,220 ‫Et VS Code, en fait, 43 00:02:11,220 --> 00:02:13,110 ‫une fois de plus, a déjà 44 00:02:13,110 --> 00:02:15,700 ‫reconnu ce fichier et y ajoute ce joli symbole. 45 00:02:15,700 --> 00:02:17,630 ‫Et le premier dossier 46 00:02:17,630 --> 00:02:20,633 ‫que nous voulons complètement ignorer est le dossier 47 00:02:21,870 --> 00:02:24,733 ‫node_modules, donc nous écrivons node_modules, d'accord ? 48 00:02:27,720 --> 00:02:30,040 ‫Donnez-lui une seconde et souhaitez 49 00:02:30,040 --> 00:02:32,690 ‫également ignorer le fichier de configuration. 50 00:02:32,690 --> 00:02:34,970 ‫Donc, tous les fichiers de variables d'environnement. 51 00:02:34,970 --> 00:02:39,970 ‫Et donc on peut dire tout le . env, d'accord ? 52 00:02:40,260 --> 00:02:43,130 ‫Donc, le dossier node_modules, nous ne voulons vraiment 53 00:02:43,130 --> 00:02:46,980 ‫pas dans notre référentiel car ce n'est tout simplement pas nécessaire. 54 00:02:46,980 --> 00:02:49,840 ‫Ainsi, par exemple, si nous allons télécharger 55 00:02:49,840 --> 00:02:54,050 ‫notre référentiel sur GitHub, nous ne voulons alors pas télécharger toutes ces 56 00:02:54,050 --> 00:02:57,030 ‫dizaines de milliers de fichiers car une fois 57 00:02:57,030 --> 00:02:59,120 ‫que nous téléchargeons le projet 58 00:02:59,120 --> 00:03:02,060 ‫depuis GitHub ailleurs, nous pouvons alors facilement obtenir 59 00:03:02,060 --> 00:03:05,770 ‫le dossier node_modules en écrivant npm install, n'est-ce pas ? 60 00:03:05,770 --> 00:03:09,630 ‫Et gardez donc à l'esprit que Git concerne également le partage, 61 00:03:09,630 --> 00:03:13,610 ‫pas seulement l'enregistrement de votre code avec des instantanés au fil du 62 00:03:13,610 --> 00:03:17,240 ‫temps, mais il s'agit également de toute cette collaboration. 63 00:03:17,240 --> 00:03:19,670 ‫Maintenant, ici dans VS Code sur ce côté 64 00:03:19,670 --> 00:03:22,250 ‫gauche, nous avons en fait cette intégration avec Git. 65 00:03:22,250 --> 00:03:24,520 ‫Donc, si vous cliquez ici, 66 00:03:24,520 --> 00:03:27,720 ‫vous verrez tous les fichiers marqués comme modifiés. 67 00:03:27,720 --> 00:03:29,810 ‫Eh bien, pour le moment, 68 00:03:29,810 --> 00:03:34,030 ‫nous n'en voyons aucun ici, alors rechargeons simplement, mais ils n'apparaissent toujours pas 69 00:03:34,030 --> 00:03:36,250 ‫ici, et je pense que c'est parce 70 00:03:36,250 --> 00:03:38,840 ‫que nous avions initialement trop de fichiers dans 71 00:03:38,840 --> 00:03:42,540 ‫node_modules, et maintenant VS Code est un peu confus avec ça. 72 00:03:42,540 --> 00:03:43,910 ‫Vérifions nos problèmes. 73 00:03:43,910 --> 00:03:47,160 ‫Non, ça n'a rien à voir avec ça, d'accord ? 74 00:03:49,680 --> 00:03:52,423 ‫Mais, de toute façon, ça n'a pas vraiment d'importance, d'accord ? 75 00:03:53,300 --> 00:03:55,940 ‫Ce qui compte, c'est que nous pouvons 76 00:03:55,940 --> 00:03:59,033 ‫maintenant voir tous ces fichiers modifiés en écrivant git status. 77 00:04:01,170 --> 00:04:03,010 ‫Comme ça, d'accord ? 78 00:04:03,010 --> 00:04:06,550 ‫Et voici donc maintenant tous les fichiers et dossiers qui 79 00:04:06,550 --> 00:04:10,063 ‫ne sont fondamentalement pas encore validés dans notre référentiel. 80 00:04:11,220 --> 00:04:14,320 ‫Donc, Git est tout au sujet de la validation, et apprenons maintenant 81 00:04:14,320 --> 00:04:17,310 ‫comment nous pouvons valider des fichiers dans le référentiel, et c'est 82 00:04:17,310 --> 00:04:19,590 ‫une sorte de processus en deux étapes. 83 00:04:19,590 --> 00:04:23,550 ‫Nous devons d'abord ajouter les fichiers à une zone dite de transfert, et 84 00:04:23,550 --> 00:04:26,030 ‫seulement après qu'ils se trouvent dans cette zone, 85 00:04:26,030 --> 00:04:27,700 ‫nous pouvons alors valider 86 00:04:27,700 --> 00:04:31,380 ‫tous les fichiers qui s'y trouvent dans une nouvelle validation, d'accord ? 87 00:04:31,380 --> 00:04:32,533 ‫Alors faisons-le. 88 00:04:33,800 --> 00:04:38,680 ‫Alors git add, et ensuite si je veux ajouter 89 00:04:38,680 --> 00:04:43,680 ‫tous les fichiers, je peux simplement écrire -A, n'est-ce pas ? 90 00:04:43,910 --> 00:04:45,880 ‫Cela prend donc un peu 91 00:04:45,880 --> 00:04:47,890 ‫de temps maintenant car il y a 92 00:04:47,890 --> 00:04:50,363 ‫tellement de fichiers, et donc maintenant si j'écris à 93 00:04:51,360 --> 00:04:54,543 ‫nouveau le statut git, voyons, maintenant tous sont en fait verts. 94 00:04:55,980 --> 00:04:59,050 ‫Donc ici vous pouvez voir toutes les tonnes de ces 95 00:05:01,050 --> 00:05:04,610 ‫fichiers qui vont maintenant être ajoutés à notre commit git, d'accord ? 96 00:05:04,610 --> 00:05:07,600 ‫Maintenant, en fait, je ne veux pas de ces fichiers mis 97 00:05:07,600 --> 00:05:09,150 ‫en cache dans ce dossier 98 00:05:09,150 --> 00:05:11,513 ‫de cache, alors débarrassons-nous rapidement de ce dossier. 99 00:05:14,330 --> 00:05:18,623 ‫D'accord, j'espère donc qu'ils sont partis maintenant en fait aussi de cela. 100 00:05:19,580 --> 00:05:22,850 ‫Espérons donc qu'ils soient partis d'ici aussi maintenant. 101 00:05:22,850 --> 00:05:25,340 ‫Et supprimer, ils sont maintenant supprimés, donc ils ne 102 00:05:25,340 --> 00:05:26,713 ‫sont plus là, mais 103 00:05:27,700 --> 00:05:30,143 ‫voyons si tous les autres sont toujours là. 104 00:05:31,300 --> 00:05:34,790 ‫D'accord, vous voyez donc que ceux-ci ne sont pas préparés pour 105 00:05:34,790 --> 00:05:36,350 ‫la validation, mais tous 106 00:05:36,350 --> 00:05:39,570 ‫ces autres fichiers seront désormais validés dans le référentiel. 107 00:05:39,570 --> 00:05:42,010 ‫Maintenant, cela vous semble probablement un peu déroutant pourquoi 108 00:05:42,010 --> 00:05:45,210 ‫nous devons d'abord ajouter ces fichiers à la zone de transit, 109 00:05:45,210 --> 00:05:47,480 ‫et alors seulement ils peuvent être validés. 110 00:05:47,480 --> 00:05:50,310 ‫Et la raison rapide à cela est que 111 00:05:50,310 --> 00:05:53,860 ‫vous voudrez peut-être ajouter différents fichiers pour différents commits, d'accord ? 112 00:05:53,860 --> 00:05:56,470 ‫Imaginez donc que vous modifiez 10 fichiers mais que 113 00:05:56,470 --> 00:05:59,200 ‫vous ne voulez en valider que cinq pour un certain commit. 114 00:05:59,200 --> 00:06:01,670 ‫Et donc en mettant en scène, vous pouvez le faire. 115 00:06:01,670 --> 00:06:05,070 ‫Mais nous voulons juste que les choses restent très simples ici, et donc 116 00:06:05,070 --> 00:06:06,830 ‫nous ajoutons simplement tous les fichiers 117 00:06:06,830 --> 00:06:09,640 ‫à cette zone de transit, puis nous les validons tous. 118 00:06:09,640 --> 00:06:11,180 ‫Et, en fait, recommençons parce 119 00:06:11,180 --> 00:06:13,270 ‫que maintenant j'ai supprimé tous ces fichiers. 120 00:06:13,270 --> 00:06:18,270 ‫Alors faisons à nouveau git add -A, d'accord ? 121 00:06:19,240 --> 00:06:21,800 ‫Et maintenant, nous sommes prêts à 122 00:06:21,800 --> 00:06:24,603 ‫valider les fichiers en écrivant git commit 123 00:06:26,680 --> 00:06:29,710 ‫-m, puis nous spécifions un message de validation. 124 00:06:29,710 --> 00:06:32,250 ‫Et ce message doit vraiment décrire les 125 00:06:32,250 --> 00:06:34,490 ‫changements que vous avez apportés. 126 00:06:34,490 --> 00:06:37,920 ‫Maintenant, généralement, le premier commit est appelé Initial commit, et 127 00:06:37,920 --> 00:06:39,620 ‫faisons-le donc ici aussi. 128 00:06:41,550 --> 00:06:46,480 ‫Donc Initial commit, appuyez sur Return, et c'est tout. 129 00:06:46,480 --> 00:06:48,580 ‫Donc, avec ce commit, nous 130 00:06:48,580 --> 00:06:51,550 ‫avons enregistré toutes les modifications dans le référentiel, 131 00:06:51,550 --> 00:06:54,610 ‫et, encore une fois, un commit est comme un 132 00:06:54,610 --> 00:06:58,380 ‫instantané de tout le code à un moment donné, d'accord ? 133 00:06:58,380 --> 00:07:02,170 ‫Et une sorte de philosophie consiste à créer un nouveau commit à chaque fois 134 00:07:02,170 --> 00:07:05,633 ‫que vous apportez des modifications importantes à votre base de code. 135 00:07:06,481 --> 00:07:10,870 ‫Le concept de commit est donc vraiment le point central de Git. 136 00:07:10,870 --> 00:07:14,880 ‫Donc tout tourne autour de l'engagement, d'accord ? 137 00:07:14,880 --> 00:07:17,893 ‫Et maintenant, essayons simplement de modifier un fichier ici. 138 00:07:18,900 --> 00:07:20,350 ‫Nous pouvons donc fermer tout cela. 139 00:07:20,350 --> 00:07:25,163 ‫Ouvrons maintenant l'application. js ici, d'accord? 140 00:07:26,240 --> 00:07:27,563 ‫Fermez-le un peu plus. 141 00:07:29,070 --> 00:07:34,070 ‫Et ici, disons simplement Démarrer l'application express. 142 00:07:35,220 --> 00:07:38,070 ‫Sauvegardez-le et vous verrez tout de suite 143 00:07:38,070 --> 00:07:41,260 ‫dans VS Code comment nous obtenons cette ligne verte. 144 00:07:41,260 --> 00:07:42,540 ‫Et cela signifie donc 145 00:07:42,540 --> 00:07:45,810 ‫qu'il y avait quelque chose de nouveau inséré à ce stade. 146 00:07:45,810 --> 00:07:47,510 ‫Vous pouvez maintenant également 147 00:07:47,510 --> 00:07:50,500 ‫cliquer dessus et voir à quoi cela ressemblait avant, 148 00:07:50,500 --> 00:07:53,730 ‫et vous pouvez également, ici même, remonter dans le temps. 149 00:07:53,730 --> 00:07:55,343 ‫Alors annulez le changement. 150 00:07:56,630 --> 00:07:59,330 ‫Et la même chose lorsque vous supprimez quelque chose. 151 00:07:59,330 --> 00:08:01,500 ‫Supprimons donc simplement cette ligne de code. 152 00:08:01,500 --> 00:08:03,900 ‫Et donc ici vous voyez qu'avant, en 153 00:08:03,900 --> 00:08:06,130 ‫gros, il y avait quelque chose. 154 00:08:06,130 --> 00:08:08,340 ‫Donc, encore une fois, vous 155 00:08:08,340 --> 00:08:11,740 ‫pouvez cliquer dessus et voir ce qu'il y avait avant. 156 00:08:11,740 --> 00:08:13,560 ‫Vous pouvez remonter dans 157 00:08:13,560 --> 00:08:16,123 ‫le temps, alors faisons-le pour le ramener. 158 00:08:17,409 --> 00:08:19,583 ‫Essayons maintenant de le charger rapidement ici, 159 00:08:20,600 --> 00:08:23,870 ‫mais pour une raison quelconque, les fichiers modifiés n'apparaissent pas ici. 160 00:08:23,870 --> 00:08:27,960 ‫Donc, idéalement, maintenant app. js serait ici dans cette 161 00:08:27,960 --> 00:08:32,580 ‫liste car c'est le fichier que je viens de modifier, d'accord ? 162 00:08:32,580 --> 00:08:35,270 ‫Mais, encore une fois, de toute façon, ce n'est pas vraiment important. 163 00:08:35,270 --> 00:08:37,900 ‫Il devrait également apparaître ici dans cette 164 00:08:37,900 --> 00:08:42,530 ‫arborescence de fichiers avec une couleur différente dès que je l'ai modifié, d'accord ? 165 00:08:42,530 --> 00:08:44,623 ‫Maintenant, si nous disons à nouveau 166 00:08:46,280 --> 00:08:51,280 ‫git status, vous verrez ici modifié : app. js, d'accord? 167 00:08:51,730 --> 00:08:54,160 ‫C'est donc la seule sortie que nous ayons 168 00:08:54,160 --> 00:08:56,420 ‫ici, et vous voyez également que les 169 00:08:56,420 --> 00:08:59,770 ‫modifications ne sont pas encore préparées pour la validation, d'accord ? 170 00:08:59,770 --> 00:09:02,670 ‫Et maintenant, encore une fois, ajoutons-les tous. 171 00:09:02,670 --> 00:09:05,810 ‫Donc git add puis -A, ou nous 172 00:09:05,810 --> 00:09:09,313 ‫pourrions aussi simplement ajouter ce seul fichier à l'add. 173 00:09:10,300 --> 00:09:14,440 ‫Donc appli. js, d'accord ? 174 00:09:14,440 --> 00:09:18,430 ‫Essayons à nouveau le statut git, et maintenant il est vert. 175 00:09:18,430 --> 00:09:21,940 ‫Et cela signifie que les modifications seront validées dès 176 00:09:21,940 --> 00:09:24,300 ‫que nous ferons un nouveau commit. 177 00:09:24,300 --> 00:09:27,743 ‫Alors faisons-le, git commit -m. 178 00:09:29,820 --> 00:09:34,820 ‫Pour le message, Ajout d'un commentaire, et 179 00:09:36,810 --> 00:09:38,550 ‫c'est tout. 180 00:09:38,550 --> 00:09:41,000 ‫Donc, vous voyez, le message a ajouté le commentaire. 181 00:09:41,000 --> 00:09:43,850 ‫Un fichier a changé et il y a eu une insertion. 182 00:09:43,850 --> 00:09:45,450 ‫C'est donc cette ligne ici. 183 00:09:45,450 --> 00:09:49,150 ‫Et maintenant, cette barre verte que nous avions ici a disparu, 184 00:09:49,150 --> 00:09:52,600 ‫ce qui signifie que tout est à nouveau propre. 185 00:09:52,600 --> 00:09:55,640 ‫Maintenant vous voyez aussi que ce master ici, vous le 186 00:09:55,640 --> 00:09:57,030 ‫voyez aussi ici, et 187 00:09:57,030 --> 00:10:00,040 ‫cela veut dire que nous sommes sur la branche master. 188 00:10:00,040 --> 00:10:04,180 ‫Les branches sont donc un autre concept très important dans Git, mais je 189 00:10:04,180 --> 00:10:07,070 ‫n'entrerai pas vraiment dans les détails à ce stade. 190 00:10:07,070 --> 00:10:10,750 ‫Pour l'instant, nous travaillerons toujours uniquement dans la branche master. 191 00:10:10,750 --> 00:10:14,140 ‫Génial, alors maintenant vous avez un référentiel local avec 192 00:10:14,140 --> 00:10:16,920 ‫tout votre code qui y est engagé. 193 00:10:16,920 --> 00:10:19,000 ‫Et donc dans la vidéo 194 00:10:19,000 --> 00:10:22,480 ‫suivante, plaçons cette branche sur une branche distante sur GitHub. 195 00:10:22,480 --> 00:10:25,170 ‫Hébergez-le donc essentiellement sur le compte GitHub que 196 00:10:25,170 --> 00:10:26,960 ‫nous venons de créer auparavant. 197 00:10:26,960 --> 00:10:28,560 ‫J'espère donc vous y voir bientôt.