Comment gérer des projets Git et GitHub avec Atom

Excellente nouvelle pour mes amis développeurs. Intégration de Git et GitHub viennent d'être livrés avec la nouvelle version d'Atom. La nouvelle fonctionnalité était disponible en version bêta pendant un certain temps, mais avec Atom 1.18, elle est également prête à être utilisée par le grand public. A partir de maintenant, vous pouvez effectuer des opérations communes sur Git et GitHub sans quitter l'éditeur de code.

Atom a commencé comme Outil interne de GitHub, l’intégration de Git et de GitHub n’est pas surprenant, cependant améliorer le flux de travail de développement d'Atom pour sûr. Avec cette nouvelle version, Atom renforce également sa position sur la scène des éditeurs de code, car Visual Studio Code offre déjà la même fonctionnalité depuis un certain temps..

Initialiser un dépôt Git

Atom a deux nouveaux onglets, un pour Git et un autre pour GitHub, à travers lequel vous pouvez gérer vos opérations Git. Vous pouvez y accéder soit en cliquant sur le bouton Affichage> Basculer l’onglet Git / Basculer l’onglet GitHub menus dans la barre de menu supérieure, ou en cliquant sur la petite icône de survol à droite du volet de l'éditeur.

(Si votre barre de menus supérieure est masquée, vous pouvez la révéler en appuyant sur la touche Alt.)

Vous pouvez également utiliser les éléments suivants Raccourcis clavier pour accéder aux onglets:

• Git Tab: Ctrl + Maj + 9
• Onglet GitHub: Ctrl + Maj + 8

Clique le Créer un référentiel bouton et choisissez le dossier où vous voulez que votre rapport soit sauvegardé. finalement, clique le +Init bouton.

Et c'est tout, votre Le dépôt Git a été initialisé sans avoir à toucher la ligne de commande. Voici comment écran de démarrage d’un dépôt Git vide ressemble à ceci:

Comme vous pouvez le constater, la mise en page est aussi pratique que possible. Tu peux voir le changements mis en scène et non mis en scène sous l'autre, et commettre à tout moment. De plus, vous pouvez activer et désactiver l'onglet Git en frappant simplement la petite icône>.

Bien que le “Projet” Le volet de gauche ne le montre pas, le dépôt, comme il se doit, contient le caché .git dossier avec vos paramètres Git.

Changements de stade

J'ai rapidement créé deux fichiers de test, index.html et style.css, à voir comment fonctionne la mise en scène.

Atom met les deux fichiers dans le “Changements non mis en avant” section dans le volet Git sur la droite. Et dans le “Projet” volet de gauche, les noms des fichiers non mis en scène apparaissent en vert.

Il y a trois façons vous pouvez mettre en scène les changements:

1. Fichier de scène - ne met en scène qu'un seul fichier
2. Sélection de l'étape - met en scène une partie d'un fichier particulier
3. Stage Tout - met en scène tous les fichiers non mis en scène

Mettre en scène un fichier individuel ou une sélection

Si vous voulez mettre en scène un seul fichier alors juste cliquez sur le nom du fichier dans le “Changements non mis en avant” section. Un nouvel onglet s'ouvrira dans le volet de l'éditeur où vous pourrez choisir si vous voulez mettre en scène l'ensemble du fichier (Fichier de scène) ou seulement une sélection (Sélection de l'étape).

Mettre en scène tous les fichiers non mis en scène

Si vous voulez mettre en scène tous les fichiers non mis en scène à la fois il suffit de cliquer sur le Stage Tout menu dans le coin en haut à droite de l'onglet Git.

Les fichiers mis en scène sont déplacé vers le “Changements organisés” section. Et si vous changez d'avis, vous pouvez les décaler en cliquant sur le Unstage All menu en haut de la “Changements organisés” section.

Valider les modifications

le “Changements d'étape” section est fondamentalement votre zone de transit. Lorsque vous atteignez un jalon du développement, vous devez valider les modifications. En s'engageant, vous sauver l'état momentané du projet dans le système de contrôle de version Git afin que vous puissiez y revenir (si vous le souhaitez) sans rien perdre.

Pour valider votre zone de préparation, tapez un message de validation (qui décrit brièvement les modifications que vous avez apportées depuis le dernier commit) dans la Message de validation boîte, et cliquez sur le bouton Valider.

En conséquence, les deux “Changements non mis en avant” et “Changements organisés” section sera effacé et la couleur des noms de fichiers dans le “Projet” volet sera redevenu blanc.

Autres opérations Git

Il existe de nombreuses autres opérations Git que vous pouvez également exécuter directement à partir de l'éditeur Atom. Par exemple, vous pouvez créer une nouvelle branche en cliquant sur le nom de la branche en bas de l'onglet Git. Ici, vous pouvez aussi basculer entre les différentes branches.

toutefois, toutes les opérations Git ne sont pas encore disponibles chez Atom. Par exemple, vous ne pouvez pas supprimer de branches ni faire de configurations. Pour effectuer ces tâches, vous devez toujours utiliser la ligne de commande. L’intégration Git d’Atom est encore très récente, alors espérons-le, un support sera ajouté à ces opérations moins fréquemment utilisées A l'avenir.

Vous pouvez accéder à une liste de toutes les fonctionnalités liées à Git. via la palette de commandes en utilisant les raccourcis clavier Ctrl + Maj + P et dactylographie “Git” dans ça.

Cloner un dépôt GitHub

La nouvelle fonctionnalité d’intégration Git d’Atom ne fonctionne pas seulement localement, mais vous pouvez cloner un dépôt GitHub ainsi que.

Faire cela, ouvrez la palette de commandes en appuyant sur Ctrl + Maj + P et sélectionnez le GitHub: Clone commander. Ajoutez ensuite l'URL à partir de laquelle vous souhaitez cloner (l'URL du référentiel GitHub) et le dossier dans lequel vous souhaitez cloner le référentiel. finalement, cliquez sur le bouton Cloner.

Autoriser GitHub pour Atom

À faire des changements dans un projet GitHub, tu dois autorise GitHub pour Atom. Suivez les instructions que vous voyez à l'intérieur de l'onglet GitHub d'Atom. Tout d'abord, visitez le github.atom.io/login URL et connectez-vous à votre compte GitHub. Ici tu peux générer un jeton avec lequel vous pouvez effectuer l'autorisation.

Entrez le jeton d'autorisation dans le champ de saisie, vous pouvez voir dans l'onglet GitHub d'Atom et Connectez-vous à votre compte.

De là, vous pouvez accéder à la trois opérations les plus courantes de GitHub: chercher, pousser et tirer des demandes en cliquant sur l'icône de flèche vers le bas au bas de l'onglet GitHub.