Maison > outils de développement > git > Hyper détaillé ! Tutoriel d'utilisation de Github (étapes détaillées avec images et texte)

Hyper détaillé ! Tutoriel d'utilisation de Github (étapes détaillées avec images et texte)

藏色散人
Libérer: 2023-03-28 16:18:55
avant
102027 Les gens l'ont consulté

Cet article vous apporte des connaissances pertinentes sur Github. Il vous présente principalement ce qu'est Github ? Comment utiliser Github ? Tutoriel graphique super détaillé ~ Les amis intéressés peuvent y jeter un œil ci-dessous. J'espère qu'il sera utile à tout le monde.

Ces derniers jours, j'ai découvert que certaines personnes sont très curieuses du site Github, mais malheureusement je ne sais pas comment l'utiliser car c'est un site pour étrangers. Tout d'abord, mon anglais n'est pas à la hauteur. par. Pour cela, vous pouvez réellement utiliser Google Chrome pour parcourir Github, qui dispose d'une fonction de traduction en un clic. Mais il faut encore introduire quelques fonctions et opérations spécifiques de Github. Étant donné que certains débutants n'ont peut-être pas appris les outils de contrôle de version tels que git et svn, j'essaierai de ne pas impliquer d'instructions git ici.

Sans plus attendre, entrons dans le vif du sujet.

Inscription du compte Github

Tout d'abord, recherchez Github sur Baidu et accédez au site officiel de Github. Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Après être entré sur le site officiel, nous cliquons sur S'inscrire pour nous inscrire. Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Il n'y a rien à dire sur cette étape. Entrez votre nom d'utilisateur, votre e-mail et votre mot de passe, puis effectuez un test de compte. Une fois terminé, cliquez sur Créer un compte. Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Une fois terminé, passez à la deuxième étape, où bien sûr vous choisissez un abonnement gratuit. Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Après avoir terminé la sélection, cliquez sur Continuer pour passer à la troisième étape. La troisième étape consiste simplement à vous poser quelques questions auxquelles vous devrez répondre, par exemple, dans quelle mesure êtes-vous doué en programmation ? Comment comptez-vous utiliser Github ? etc. Si vous ne souhaitez pas répondre, vous pouvez faire défiler la page vers le bas et sélectionner Ignorer. Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Cliquez sur Soumettre après avoir répondu.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Après la soumission, Github enverra un e-mail d'activation à votre adresse e-mail enregistrée. Ouvrez simplement l'e-mail et cliquez sur le lien à l'intérieur pour l'activer. Le compte sera créé.

Recherche de ressources

Nous utilisons le compte nouvellement créé pour nous connecter. Cette page s'affichera après une connexion réussie. Nous pouvons rechercher des ressources dans le coin supérieur gauche. J'utiliserai le framework open source OkHttp comme exemple. sélectionnez la portée et choisissez votre propre recherche Warehouse ou effectuez une recherche sur l'ensemble du site Web Github. Comme je n'ai pas cette ressource dans mon propre entrepôt, elle recherche par défaut sur l'ensemble du site Web.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Saisissez le mot-clé et appuyez sur Entrée pour lancer la recherche puis afficher les résultats de la recherche.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

La ressource dont nous avons besoin est la première Lorsque nous cliquons pour entrer, nous pouvons voir toute la structure du projet et le code source. Grâce à ce bouton vert, nous pouvons télécharger des ressources.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

La première case rouge est l'adresse de l'entrepôt, qui peut être clonée via l'outil git. Ici, nous sélectionnons directement Télécharger ZIP et les ressources sont téléchargées.

Créer un référentiel

Voici comment créer votre propre référentiel de code. Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Sur le côté gauche de la page Web se trouve votre référentiel de code, vous pouvez cliquer sur Nouveau pour le créer.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Entrez le

nom de l'entrepôt et la description ou la description de l'entrepôt, puis cliquez sur Créer un référentiel.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

De cette façon, l'entrepôt est créé, mais l'entrepôt actuel est vide et il n'y a rien, il est donc recommandé ici d'importer du code depuis d'autres endroits ou d'y insérer du code. Nous pouvons cliquer sur créer un nouveau fichier pour créer un nouveau fichier.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Remplissez le nom du fichier, puis écrivez le contenu du fichier à volonté, et lorsque vous avez terminé, tirez la page Web vers le bas.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Remplissez les instructions pour créer le fichier cette fois, puis cliquez sur Valider un nouveau fichier.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Vous avez maintenant le contenu dans votre référentiel.

Collaboration en équipe

L'avantage de Github est qu'il permet au plus grand nombre de participer à l'écriture de divers projets open source. Alors, comment parvenir à une collaboration d’équipe sur Github ? Grâce à certaines opérations précédentes, nous avons créé un entrepôt, nous utiliserons donc cet entrepôt comme exemple pour le développement de l'équipe. Vous devez d’abord ajouter les membres de votre équipe à ce référentiel.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Cliquez sur Paramètres pour accéder à la page des paramètres. Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Cliquez sur Collaborateurs pour accéder à la page des collaborateurs.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Cela montre qu'il n'y a aucun collaborateur dans cet entrepôt, nous pouvons donc rechercher des utilisateurs via le champ de recherche ci-dessous, saisir le nom d'utilisateur ou l'adresse e-mail de l'utilisateur à rechercher, et cliquer sur Ajouter un collaborateur après une recherche réussie pour ajouter l'utilisateur. un collaborateur pour ce référentiel. A ce moment, l'utilisateur recevra une notification, et ce n'est que s'il accepte qu'il participera au développement de cet entrepôt. Nous pouvons également définir des autorisations pour que les membres de l'équipe puissent se développer plus efficacement.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Participer à des projets open source

Comment participer à un projet open source, tel que le bootstrap extrêmement populaire, qui est un framework CSS très puissant, nous recherchons bootstrap sur tout le site Web, puis entrons dans la page d'accueil de l'entrepôt. .

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Cliquez ensuite sur Fork et un référentiel bootstrap sera cloné sous votre compte. Ensuite, clonez depuis votre propre compte. Vous devez utiliser l'outil git ici. Entrez la commande git :

<p>git clone https://github.com/blizzawang/bootstrap.git<br></p>
Copier après la connexion

Notez que vous devez cloner l'entrepôt depuis votre propre compte afin de pouvoir pousser les modifications si vous clonez depuis l'adresse de l'entrepôt de l'auteur d'amorçage. , Parce que vous n'avez pas d'autorisation, vous ne pourrez pas appliquer de modifications à moins que l'auteur ne vous répertorie en tant que collaborateur sur le référentiel, ce qui n'est évidemment pas possible. La relation entre le référentiel officiel de Bootstrap twbs/bootstrap, le référentiel my/bootstrap que vous avez cloné sur GitHub et le référentiel que vous avez cloné sur votre ordinateur local est la suivante :

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Si vous souhaitez réparer bootstrap Si vous trouvez un bug ou ajoutez une nouvelle fonctionnalité, vous pouvez commencer à travailler dessus immédiatement. Après avoir terminé, transférez-le dans votre propre entrepôt. Si vous souhaitez que la bibliothèque d'amorçage officielle accepte vos modifications, vous pouvez lancer une pull request sur GitHub. Bien sûr, peu importe que l’autre partie accepte votre pull request.

Comment fusionner du code

Nous savons que git possède des fonctions de clonage et de branchement extrêmement puissantes. Dans la collaboration en équipe, vous êtes l'épine dorsale du projet d'équipe, et les autres membres ont leurs propres branches, et chacun est dans sa propre branche. . Travailler ensemble sans s’influencer mutuellement, afin que le projet puisse se développer le plus efficacement possible. Lorsque les fonctions du projet de chacun sont terminées, il est temps de fusionner le code. Lorsque le code de chacun est fusionné et qu'aucune erreur ne se produit, l'ensemble du projet est terminé. Alors, comment fusionner du code dans Github ? En prenant l'entrepôt créé ci-dessus comme exemple, j'ai effectué quelques opérations ici. J'ai utilisé l'outil git pour cloner l'entrepôt sur le bureau. Nous l'avons appelé l'entrepôt local, puis j'ai créé une nouvelle branche dans l'entrepôt local pour simuler les opérations de. le deuxième programmeur. , le deuxième programmeur a créé un fichier test2 puis l'a poussé vers le référentiel Github via l'outil git.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Maintenant, nous pouvons voir qu'il indique que la branche user2 a eu un push il y a une minute, puis nous cliquons sur Compare&pullrequest pour comparer et extraire la demande.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Vous constaterez que ces branches peuvent être automatiquement fusionnées car le contenu des deux branches actuelles n'est pas en conflit l'un avec l'autre, nous pouvons donc remplir quelques instructions sur la fusion ci-dessous, puis cliquer sur Créer une demande d'extraction pour fusionner .

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Continuez en cliquant sur Fusionner la demande d'extraction.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Cliquez sur Valider pour soumettre. Nous sommes retournés à la page d'accueil de l'entrepôt et avons constaté que le fichier de l'utilisateur 2 avait été correctement introduit.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Et lorsque votre soumission entre en conflit avec les soumissions d'autres personnes, comme par exemple créer une variable en même temps, ou modifier la partie publique d'un fichier en même temps, elle ne sera pas automatiquement fusionnée à ce moment-là, vous devez utiliser l'outil git pour mettre à jour le code d'autres personnes dans votre propre entrepôt local, puis résoudre les conflits localement, puis le transmettre à Github, et d'autres peuvent mettre à jour leur propre code.

Comment supprimer un entrepôt

Dernier point, comment supprimer l'entrepôt créé ?

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Cliquez sur Paramètres pour accéder à la page des paramètres. Faites défiler la page Web vers le bas et sélectionnez Supprimer ce référentiel.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)Entrez ensuite le nom de l'entrepôt et cliquez sur le bouton.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)

Supprimé avec succès.

Hyper détaillé ! Tutoriel dutilisation de Github (étapes détaillées avec images et texte)D'accord, c'est tout pour présenter l'utilisation du site Web Github. Bien sûr, cela implique une certaine connaissance de git. Concernant git, je pense que si vous souhaitez utiliser Github, vous devriez apprendre à utiliser git. Puisqu'il s'agit d'un site Web étranger, le retard du site Web sera parfois très élevé. Je recommande également un site Web à tout le monde. Code Cloud Gitee - Plateforme de collaboration pour le développement de logiciels cloud. Il s'agit d'un site Web de service d'hébergement de code national, qui est également géré via git, et la vitesse d'Internet est beaucoup plus rapide.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
git
source:juejin.im
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal