Git- en GitHub-projecten met Atom beheren

Goed nieuws voor mijn ontwikkelaarsvrienden; Git- en GitHub-integratie zijn net verzonden met de nieuwe Atom-release. De nieuwe functie was een tijdje beschikbaar als bèta, maar nu met Atom 1.18 is deze ook klaar voor gebruik voor het grote publiek. Vanaf nu kan dat voer veelgebruikte Git- en GitHub-bewerkingen uit zonder de code-editor te verlaten.

Zoals Atom begon als GitHub's interne tool, de stap van het integreren van Git en GitHub is niet verrassend, maar het zal verder gaan de ontwikkelworkflow van Atom verbeteren zeker. Met de nieuwe release versterkt Atom ook zijn positie in de code-editor scène, omdat Visual Studio Code al een tijdje dezelfde functie heeft aangeboden.

Initialiseer een Git-repository

Atom heeft twee nieuwe tabbladen, een voor Git en een andere voor GitHub, waardoor je je Git-operaties aankan. U kunt ze openen door op de te klikken Beeld> Git-tabblad in- / uitschakelen GitHub-tabblad menu's in de bovenste menubalk, of door te klikken op het kleine pictogram> aan de rechterkant van het bewerkingsvenster.

(Als uw bovenste menubalk is verborgen, kunt u deze weergeven door op de Alt-toets te drukken.)

U kunt ook het volgende gebruiken Toetsenbord sneltoetsen om toegang te krijgen tot de tabbladen:

• Git-tab: Ctrl + Shift + 9
• GitHub-tab: Ctrl + Shift + 8

Klik op de Maak een repository knop en kies de map waar je je repo wilt opslaan. Tenslotte, Klik op de +In het knop.

En dat is alles, jouw Git repository is geïnitialiseerd zonder de commandoregel te hoeven aanraken. Dit is hoe het startscherm van een lege Git-repo lijkt op:

Zoals u kunt zien, is de lay-out zo handig als het maar kan zijn. Je kan de ... zien gefaseerde en niet-gestapte wijzigingen onder elkaar, en een commit maken te allen tijde. Plus, dat kan schakel het tabblad Git in en uit door simpelweg op het pictogram> te tikken.

Hoewel de “project” paneel aan de linkerkant toont het niet, de repo, zoals het hoort, bevat de verborgen .git map met je Git-instellingen.

Fase veranderingen

Ik heb snel twee testbestanden gemaakt, index.html en style.css, zien hoe enscenering werkt.

Atom plaatst beide bestanden in de “Ongestage wijzigingen” sectie in het Git-venster aan de rechterkant. En in de “project” paneel aan de linkerkant, de namen van de niet-gestapelde bestanden verschijnen in het groen.

Er zijn drie manieren je kunt de veranderingen opvoeren:

1. Stagebestand - voert slechts één individueel bestand uit
2. Faseselectie - voert een deel van een bepaald bestand uit
3. Fase alles - voert alle niet-gestapelde bestanden uit

Voer een afzonderlijk bestand of selectie uit

Als u slechts één bestand wilt opvoeren, dan alleen klik op de bestandsnaam in de “Ongestage wijzigingen” sectie. Een nieuw tabblad wordt geopend in het bewerkingsvenster, waar u kunt kiezen of u dat wilt toon het hele bestand (Stagebestand) of alleen een selectie ervan (Faseselectie).

Voer alle niet-gestapelde bestanden uit

Als je wilt opvoeren alle niet-gestapelde bestanden tegelijkertijd klik gewoon op de Fase alles menu in de rechterbovenhoek van het tabblad Git.

De gefaseerde bestanden zijn verhuisd naar de “Gefaseerde wijzigingen” sectie. En als je van gedachten verandert, kan dat unstage hen door op de te klikken Unstage All menu bovenaan “Gefaseerde wijzigingen” sectie.

Wijzigingen vastleggen

De “Veranderingen in fasen” sectie is eigenlijk jouw verzamelplaats. Wanneer u een mijlpaal in ontwikkeling bereikt, moet u de wijzigingen doorvoeren. Door je te binden, jij bewaar de tijdelijke toestand van het project in het Git-versiecontrolesysteem zodat je er naar terug kunt keren (als je dat wilt) zonder iets te verliezen.

Om je verzamelplaats te engageren, typ een commit-bericht (dat beschrijft kort de veranderingen die je hebt gemaakt sinds de laatste commit) in de Commit-bericht in het vak en klik op de knop Vastleggen.

Dientengevolge, zowel de “Ongestage wijzigingen” en “Gefaseerde wijzigingen” sectie wordt gewist en de kleur van bestandsnamen in de “project” deelvenster zal zijn veranderd terug naar wit.

Andere Git-bewerkingen

Er zijn een aantal andere Git-bewerkingen die je ook rechtstreeks vanuit de Atom-editor kunt uitvoeren. U kunt bijvoorbeeld maak een nieuwe branch door op de filenaam onder aan het Git-tabblad te klikken. Hier kun je ook schakelen tussen de verschillende takken.

Echter, niet alle Git-bewerkingen zijn al beschikbaar bij Atom. U kunt bijvoorbeeld geen takken verwijderen of configuraties maken. Om deze taken uit te voeren, moet u nog steeds gebruik de opdrachtregel. Atom's Git-integratie is nog steeds erg nieuw, dus hopelijk zal hieraan ondersteuning worden toegevoegd minder frequent gebruikte operaties in de toekomst.

Je hebt toegang tot een lijst met alle Git-gerelateerde functies via het command palet door de Ctrl + Shift + P-toets binding en te gebruiken typen “Git” erin.

Clone een GitHub-repository

De nieuwe Git-integratiefunctie van Atom werkt niet alleen lokaal maar ook kloon een GitHub-repository ook.

Om dit te doen, open het command palet door op Ctrl + Shift + P en te drukken selecteer de GitHub: Clone commando. Voeg vervolgens de URL toe van waaruit u wilt klonen (de URL van de GitHub-repo) en de map waarin u de repo wilt klonen. Tenslotte, klik op de knop Kloon.

GitHub autoriseren voor Atom

Naar wijzigingen aanbrengen in een GitHub-project, je moet autoriseren GitHub voor Atom. Volg de instructies die je ziet in het tabblad GitHub van Atom. Ga eerst naar de github.atom.io/login URL en log in op uw GitHub-account. Hier kan je een token genereren waarmee u de autorisatie kunt uitvoeren.

Voer de autorisatie-token in in het invoerveld dat je kunt zien in het tabblad GitHub van Atom en Log in op jouw account.

Vanaf hier heeft u toegang tot de drie meest voorkomende GitHub-bewerkingen: aanvragen ophalen, duwen en trekken door op het pictogram met de pijl omlaag te klikken aan de onderkant van het tabblad GitHub.