Dreamweaver CC 2017 : Les nouveautés

Gérer des branches sur son dépôt local

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
La puissance de Git repose en grande partie sur la notion de branche. Découvrez comment gérer les branches sur votre dépôt local grâce à Dreamweaver.

Transcription

Votre projet a bien avancé, et une première version est maintenant en production. Ce n'est pas pour autant que le développement s'arrête. En effet, la prochaine version du projet est déjà en préparation, et pour gérer cette situation, Git nous propose d'utiliser les branches, et c'est ce que nous allons voir dans cette vidéo. Alors je suis toujours dans la vue Git de mon projet, rappelez-vous de ces deux icônes qui se trouvent ici au dessus, soit la vue « Fichiers » normale, soit la vue Git, et c'est bien dans la vue Git que je me trouve pour le moment. Juste en dessous de ces deux icônes, vous avez cette liste déroulante qui vous liste les branches disponibles dans votre dépôt Git. Eh bien, pour le moment, c'est très simple, je n'ai qu'une seule branche qui s'appelle « master ». Eh oui, tous les dépôts Git ont au moins une branche, et cette branche s'appelle « master » par défaut. Alors je vais cliquer sur « Gérer les branches », et je vais créer une nouvelle branche grâce à cette petite boîte et au bouton « + » qui se trouve ici dans le fond. Dans cette boîte qui s'appelle « Créer une nouvelle branche », je peux donner le nom de ma nouvelle branche, je vais l'appeler « contact », et je peux également choisir la branche d'origine. Alors dans mon cas c'est très simple, puisque je n'ai qu'une seule branche qui est la branche « master », et donc forcément c'est celle-là qui est la branche d'origine, mais vous pourriez avoir des situations plus complexes, ou vous pourriez avoir envie de créer une branche à partir d'une autre qui n'est pas forcément la branche « master ». Donc je crée ici ma branche « contact », la voilà. Le petit « v » qu'il y a devant signifie que cette branche « contact » est devenue la branche active de mon projet, et comme je l'ai créée à partir de la branche « master », eh bien, elle contient cette branche « contact » pour le moment exactement la même chose que la branche « master ». Je clique sur « Terminé », et regardez, je suis dans la branche « contact », mais si je reviens dans la branche « master », vous voyez que mon panneau « Fichiers » n'a pas changé, j'ai exactement le même contenu dans les deux branches. Dans ma branche « contact », je vais maintenant créer une nouvelle page. Je vais appeler ce nouveau fichier « contact.html », voilà, et je vais ouvrir ce fichier, le lier à ma feuille de style grâce à ma balise « link », voilà, donc, « css/styles.css », je vais également écrire ici le titre principal de ma page dans un élément « h1 », « Bienvenue sur la page contact », voilà, je sauvegarde, et évidemment dans cette branche « contact », eh bien j'ai un nouveau fichier ici, donc en vert dans le panneau « Fichiers », qui n'est pas encore suivi par le système Git, je vais donc, clic droit, le préparer, et puis re-clic droit, le valider, le « Commiter », mon petit message de « commit », donc « Création de la page contact.html », et voilà, donc j'ai une nouvelle page qui a été « commitée » mais dans la branche « contact », la preuve, c'est que si je reviens maintenant sur ma branche « master », eh bien, vous voyez que le fichier « contact » n'est pas affiché dans le panneau des fichiers puisqu'il ne fait pas partie de cette branche. Vous pourriez donc continuer par exemple à « débugger » des fichiers dans la branche « master » sans affecter l'équipe qui développe la branche « contact », qui elle, travaille dans la branche « contact », et n'affecte pas le code qui se trouve dans la branche « master ». Au bout d'un moment, eh bien, vous aurez envie de fusionner les deux branches, c'est-à-dire de mettre la nouvelle fonctionnalité, la page « contact » en production dans la branche « master ». Pour ça, je vais revenir ici dans « Gérer les branches », et je vais cliquer sur cette petite icône qui se trouve ici. Regardez, la branche cible est ici la branche « contact », c'est-à-dire que je fusionnerai dans la branche « contact », et si je déroule la liste, vous voyez que c'est pas possible de la dérouler. Pourquoi ? Parce que vous devez d'abord, je vais annuler cette procédure, vous devez d'abord vous placer dans la branche cible. Donc moi je veux me placer dans la branche « master », et puis c'est seulement à ce moment-là que je peux aller dans « Gérer les branches », venir sélectionner ma branche « contact », et maintenant fusionner ma branche « contact » dans la branche « master » qui est devenue la branche cible. Je peux mettre ici un message de fusion, « Fusionner la branche contact », voilà, je clique sur OK, voici la réponse de Git, donc la fusion est un succès, je ferme cette petite boîte, je peux donc maintenant sans problème éliminer ma branche « contact » en cliquant sur le petit « moins » ici dans le fond de la boîte, Oui, je veux supprimer ma branche « contact », puisque ma page « contact.html » est maintenant bel et bien présente dans ma branche « master », et fait donc partie du code qui se trouve en production.

Dreamweaver CC 2017 : Les nouveautés

Optimisez votre flux de travail avec les nouveautés de Dreamweaver. Faites le tour des améliorations de l'interface, appréciez les évolutions de l'éditeur de code, etc.

Aucun commentaire n´est disponible actuellement
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :2 nov. 2016
Mis à jour le:13 juin 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !