Git- en GitHub-projecten met Atom beheren
Goed nieuws voor mijn ontwikkelaarsvrienden; Git en GitHub integratie zijn zojuist met de nieuwe Atom-release verscheept. 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 kun je veelgebruikte Git- en GitHub-bewerkingen uitvoeren zonder de code-editor te verlaten.
Toen Atom begon als de interne tool van GitHub, is de stap van het integreren van Git en GitHub niet superverrassend, maar het zal de ontwikkelworkflow van Atom zeker verbeteren. 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.

Atom heeft twee nieuwe tabbladen, een voor Git en een andere voor GitHub, waarmee je je Git-bewerkingen kunt afhandelen. Je kunt ze openen door te klikken op de View > Toggle Git Tab / Toggle GitHub Tab
in- View > Toggle Git Tab / Toggle GitHub Tab
menu 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.)

- Git-tab: Ctrl + Shift + 9
- GitHub-tab: Ctrl + Shift + 8
Klik op de knop Create repository
en kies de map waarin u uw repo wilt opslaan. Klik ten slotte op de knop +Init
.


Hoewel het "Project" -venster aan de linkerkant het niet laat zien, bevat de repo zoals het hoort de verborgen .git
map met je Git-instellingen.
Fase veranderingen
Ik heb snel twee testbestanden gemaakt, index.html
en style.css
, om te zien hoe enscenering werkt .
Atom plaatst beide bestanden in het gedeelte "Unstaged Changes" in het Git-venster aan de rechterkant. En in het deelvenster "Project" aan de linkerkant worden de namen van de niet-gestage bestanden groen weergegeven .

- Stagebestand - hiermee wordt slechts één afzonderlijk bestand gefaseerd
- Faseselectie - fases van een deel van een bepaald bestand
- Fase Alle - fases van alle niet-gestapelde bestanden
Voer een afzonderlijk bestand of selectie uit
Als u slechts één bestand wilt opwaarderen, klikt u gewoon op de bestandsnaam in het gedeelte 'Unstaged Changes'. Een nieuw tabblad wordt geopend in het bewerkingsvenster, waar u kunt kiezen of u het hele bestand ( Stage File
) of alleen een selectie ervan ( Stage Selection
.

Als u alle niet-gestapelde bestanden in één keer wilt opvoeren, klikt u op het menu Stage All
in de rechterbovenhoek van het tabblad Git.
De gefaseerde bestanden worden verplaatst naar het gedeelte 'Gefaseerde wijzigingen' . En als je van gedachten verandert, kun je ze desgewenst uitschakelen door op het menu Unstage All
klikken bovenaan het gedeelte 'Staged Changes'.

Het gedeelte "Fase-wijzigingen" is in feite uw verzamelgebied. Wanneer u een mijlpaal in ontwikkeling bereikt, moet u de wijzigingen doorvoeren. Door vast te leggen, slaat u de tijdelijke status van het project op in het Git-versiecontrolesysteem, zodat u hiernaar kunt terugkeren (als u dat wilt) zonder iets te verliezen.
Als u uw staging-gebied wilt vastleggen, typt u een commit-bericht (dat kort de wijzigingen beschrijft die u hebt aangebracht sinds de laatste commit) in het vak Commit message
en klikt u op de knop Vastleggen.
Als gevolg hiervan worden zowel de gedeelten "Unstaged Changes" en "Staged Changes" gewist en wordt de kleur van de bestandsnamen in het "Project" -paneel weer wit .

Er zijn nog een aantal andere Git-bewerkingen die je ook rechtstreeks vanuit de Atom-editor kunt uitvoeren. U kunt bijvoorbeeld een nieuw filiaal maken door op de filenaam onder aan het tabblad Git te klikken. Hier kunt u ook tussen de verschillende takken schakelen .

U kunt via het opdrachtenpalet toegang krijgen tot een lijst met alle Git-gerelateerde functies door de Ctrl + Shift + P-toetsbinding in te voeren en 'Git' erin te typen .
Clone een GitHub-repository
De nieuwe Git-integratiefunctie van Atom werkt niet alleen lokaal, maar je kunt ook een GitHub-repository klonen .
Open hiervoor het opdrachtpalet door op Ctrl + Shift + P te GitHub: Clone
en selecteer de opdracht GitHub: Clone
. Voeg vervolgens de URL toe waar u van wilt klonen (de URL van de GitHub-repo) en de map waarin u de repo wilt klonen. Klik ten slotte op de knop Kloon .

Om wijzigingen in een GitHub-project aan te brengen, moet je GitHub for Atom autoriseren . Volg de instructies die je ziet in het tabblad GitHub van Atom. github.atom.io/login
eerst naar de github.atom.io/login
en log in op uw GitHub-account . Hier kunt u een token genereren waarmee u de autorisatie kunt uitvoeren.




25 Awesome GoPro HERO3 + accessoires die u kunt kopen
GoPro-oprichter Nick Woodman heeft onlangs de nieuwste update voor HERO3 uitgebracht, de HERO3 +, die de lens verbeterde onder andere extra functies voor dezelfde prijs. Met de GoPro kun je geweldige actievolgorde-foto's en video's maken, want deze is klein en kan eenvoudig overal worden gemonteerd (zelfs als Superman erop staat)

5 Hyperlapse-alternatieven voor Android
Nadat Instagram Hyperlapse heeft vrijgegeven, maken iPhone-gebruikers een tijdje creatieve video's. Wat de rest van ons met Android-telefoons betreft, we wachten nog steeds op de dag waarop Instagram de app beschikbaar zou maken voor onze telefoons en voor Google om hun API te veranderen. Zucht. Maar waarom blijft u in frustratie wachten als u kunt meedoen en uw eigen timelapse-video's kunt maken met deze alternatieven