Travailler avec GitHub depuis IntelliJ IDEA

10.1 Clonage d'un dépôt

Souviens-toi, je t'ai parlé des 3 endroits de stockage des fichiers ? Dépôt distant, dépôt local et répertoire de travail.

Eh bien, maintenant, tu devras cloner ton dépôt distant (celui que tu as créé sur GitHub) dans ton dépôt local (le dépôt sur ton ordinateur).

Alors lance IntelliJ IDEA et commençons…

Étape 1. Si tu n'as pas encore créé de projets, choisis le bouton :

Si tu en as déjà créé, alors :

Étape 2. Indique l'URL de ton dépôt distant que tu veux cloner sur l'ordinateur.

Cette méthode est utile si tu clones le dépôt de quelqu'un d'autre.

Si tu clones le tien, il sera plus simple de te connecter sur GitHub via IntelliJ IDEA :

Étape 3. Ne fais confiance à personne. Même pas à toi-même.

IntelliJ IDEA te prévient de ne pas exécuter de code de dépôts inconnus. Étant donné que c'est ton propre dépôt, coche la case faire confiance.

Étape 4. L'antivirus par défaut de Windows avertit qu'il y a des fichiers inconnus. L'antivirus n'aime en général pas les programmes inconnus.

MAIS ! Nous allons justement créer ces programmes, alors demande à l'IDE de dire à l'antivirus de ne pas bloquer tes futurs programmes. Clique sur le bouton « Automatically », puis — « YES ».

10.2 Premier commit

Si tu as cloné un dépôt fraîchement créé, il contiendra un seul fichier — README.md

Étape 1. Ouvre le fichier README.md

Modifie ce fichier comme tu veux : tu peux y écrire n'importe quel message de bienvenue ou une description du dépôt.

Étape 2. Après avoir apporté des modifications au fichier, IntelliJ IDEA l'affichera en bleu dans l'arborescence des fichiers à gauche. Les fichiers modifiés sont affichés en bleu si les modifications dans ton répertoire de travail ne sont pas encore enregistrées dans le dépôt local.

Étape 3. Commit

Après avoir apporté toutes les modifications prévues au fichier ou aux fichiers (et t'être assuré de leur exactitude), nous devons les ajouter dans ton dépôt git local. Pour l'instant, elles se trouvent uniquement dans ton dossier de travail.

Pour cela, tu dois cliquer sur le bouton Commit et cocher tous les fichiers dont tu souhaites enregistrer les modifications dans le dépôt local :

Étape 4. En bas à gauche, ajoute un commentaire décrivant tes modifications :

Étape 5. Et appuie sur le bouton « Commit ».

Étape 6. Vérification

Reviens à ton projet et regarde : si les fichiers ne sont plus en bleu, cela signifie que toutes les modifications de ton répertoire de travail ont été enregistrées avec succès dans ton dépôt local.

10.3 Travailler avec des fichiers

Étape 1. Créons quelques fichiers dans IntelliJ IDEA.

On écrit du code HTML – ce seront les fichiers :

• main.html
• index.html

Étape 2. Ajoutons le fichier dans le dépôt local.

Dès qu'IntelliJ IDEA a vu que tu as créé un fichier, elle a immédiatement proposé de l'ajouter à ton dépôt local. IntelliJ IDEA ne suit que les modifications des fichiers déjà présents dans ton dépôt local — seuls ceux-ci seront affichés en bleu.

Si le fichier est dans ton répertoire de travail mais pas dans le dépôt local, il est marqué en rouge — comme sur l'image ci-dessous :

En principe, tu peux toujours cliquer sur Add, mais essayons cette fois de cliquer sur « Cancel » et d'ajouter le fichier manuellement, pour que tu saches comment faire.

Étape 3. Écrivons ton code préféré dans le fichier.

Moi, par exemple, j'ai écrit : <h1>FIRST COMMIT</h1>

Étape 4. Ajoutons maintenant notre fichier main.html dans le dépôt local.

Il suffit de cliquer n'importe où dans le fichier avec le bouton droit de la souris et de choisir Git-> Add File

Si tout s'est bien passé, le fichier ajouté sera affiché en vert :

Étape 5

. Ensuite, on fait un commit comme avant :

10.4 Premier push

Maintenant, nous devrions pousser nos modifications du dépôt local vers le dépôt distant sur GitHub. Quand plusieurs développeurs travaillent sur un même projet, c'est ainsi qu'ils synchronisent leurs modifications de code.

Étape 1. Clique sur le bouton Push.

En fait, c'est très facile à faire : tu as juste besoin d'utiliser le bouton Push dans le menu supérieur de ton IDE :

Étape 2. Confirme les commits effectués.

À cette étape, tu peux revoir toutes les modifications apportées et t'assurer que tu n'as pas accidentellement cassé quelque chose d'important. Ou oublié d'ajouter un fichier dont dépendent d'autres fichiers.

Étape 3. Vérifie.

Si tout s'est bien passé, tu verras un message du genre :

Étape 4. Maintenant, ouvre ton dépôt GitHub et vérifie :

La magie de la technologie !

10.5 Utilisation des fichiers .gitignore

Si tu as ajouté des fichiers de service à ton projet et que tu ne veux pas qu'ils se retrouvent accidentellement sur GitHub, tu peux les ajouter aux exceptions. Pour cela, il y a un fichier nommé « .gitignore ». C'est très simple et pratique.