Slik administrerer du Git og GitHub-prosjekter med Atom
Gode nyheter for mine utviklere venner; Git og GitHub integrasjon har bare blitt sendt med den nye Atom-utgivelsen. Den nye funksjonen var tilgjengelig som en beta for en stund, men nå med Atom 1.18, den er også klar til bruk for allmennheten. Fra nå av kan du utføre vanlige Git- og GitHub-operasjoner uten å forlate kodeditoren.
Som Atom startet som GitHubs interne verktøy, er trinnet med å integrere Git og GitHub ikke super overraskende, men det vil ytterligere forbedre Atoms utvikling arbeidsflyt sikkert. Med den nye utgivelsen styrker Atom også sin posisjon i kodeditorens scene, da Visual Studio Code allerede har tilbudt den samme funksjonen en stund.
Initialiser et Git-arkivAtom har to nye faner, en for Git og en annen for GitHub, der du kan håndtere Git-operasjonene. Du kan få tilgang til dem enten ved å klikke på View > Toggle Git Tab / Toggle GitHub Tab
i toppmenylinjen, eller ved å klikke på ikonet liten> svinger på høyre side av redigeringsruten.
(Hvis toppmenyen er skjult, kan du avsløre det ved å trykke på Alt-tasten.)
Du kan også bruke følgende hurtigtaster for å få tilgang til kategoriene:- Git Tab: Ctrl + Shift + 9
- GitHub-fanen: Ctrl + Shift + 8
Klikk på Create repository
knappen og velg mappen der du vil at repoen din skal lagres. Til slutt klikker du på +Init
knappen .
Selv om ruten "Prosjekt" på venstre side ikke viser den, skal repoen, som den inneholder, inneholde skjult .git
mappen med Git-innstillingene.
Stageendringer
Jeg har raskt opprettet to testfiler, index.html
og style.css
, for å se hvordan staging fungerer .
Atom plasserer begge filene i delen "Unstaged Changes" i Git-panelet til høyre. Og i "Prosjekt" -ruten til venstre vises navnene på de ikke-lagrede filene i grønt .
Det er tre måter du kan skape endringene på:- Stagefil - Faser bare en enkelt fil
- Stagevalg - Faser en del av en bestemt fil
- Stage Alle - Faser alle unstaged filer
Trinn en individuell fil eller et valg
Hvis du bare vil fase en fil, klikker du bare på filnavnet i delen Unstaged Changes. En ny fane åpnes i redigeringsruten der du kan velge om du vil arrangere hele filen ( Stage File
) eller bare et utvalg av det ( Stage Selection
).
Hvis du vil arrangere alle unstaged filer samtidig, klikker du bare på Stage All
menyen øverst til høyre på Git-fanen.
De iscenesatte filene flyttes til delen "Staged Changes" . Og hvis du tenker på det, kan du fjerne dem ved å klikke på Unstage All
menyen øverst i delen "Staged Changes".
"Stage Changes" -delen er i utgangspunktet ditt staging-område . Når du kommer til en milepæl i utvikling, må du forplikte deg. Ved å forplikte, lagrer du den øyeblikkelige tilstanden til prosjektet i Git-versjonens kontrollsystem, slik at du kan komme tilbake til det (hvis du vil) uten å miste noe.
For å forplikte ditt oppføringsområde, skriv en meldingsmelding (som kort beskriver endringene du har laget siden siste forpliktelse), i Commit message
, og klikk på Forbind-knappen.
Som et resultat vil både delen "Unstaged Changes" og "Staged Changes" bli slettet, og fargen på filnavn i "Prosjekt" -panelet vil bli endret tilbake til hvitt .
Andre Git-operasjonerDet finnes en rekke andre Git-operasjoner du kan også utføre rett fra Atom-editoren. For eksempel kan du opprette en ny filial ved å klikke på avdelingsnavnet nederst på Git-fanen. Her kan du også bytte mellom de forskjellige grenene .
Imidlertid er ikke alle Git-operasjoner tilgjengelig fra Atom ennå . Du kan for eksempel ikke slette grener, eller lage konfigurasjoner. For å utføre disse oppgavene må du fortsatt bruke kommandolinjen . Atoms Git-integrasjon er fortsatt veldig ny, så forhåpentligvis vil støtte bli lagt til disse mindre brukte operasjonene i fremtiden.Du kan få tilgang til en liste over alle Git-relaterte funksjoner via kommandopaletten ved å bruke Ctrl + Shift + P-tasten og skrive "Git" inn i den.
Klon et GitHub-depot
Atoms nye Git integrasjonsfunksjon fungerer ikke bare lokalt, men du kan også klone et GitHub-depot .
For å gjøre dette, åpne kommandopaletten ved å trykke Ctrl + Shift + P og velg GitHub: Clone
kommandoen . Deretter legger du til nettadressen du vil klone fra (nettadressen til GitHub repo) og mappen der du vil klone repoen i. Til slutt klikker du på Klone-knappen .
For å gjøre endringer i et GitHub-prosjekt, må du autorisere GitHub for Atom . Følg instruksjonene du ser på Atoms GitHub-faneblad. Først besøk github.atom.io/login
URL og logg inn på GitHub-kontoen din . Her kan du generere et token som du kan utføre autorisasjonen til.
Slik aktiverer du delt visning i OS X El Capitan
En av de mest etterspurte funksjonene i eples nyeste os x, El Capitan er sannsynligvis Split View . Denne nye funksjonen lar deg fokusere på to programmer samtidig, side om side, uten forstyrrelser av andre programmer du har åpnet på Mac-en.For å sette dette i perspektiv kan du:Kode med favorittkodeditoren på den ene siden, og forhåndsvisning endringene i nettleseren på den andre siden.Eller
Bygg Responsive Sorterable Grid Layouts With This Script
Egendefinerte grensesnitt er noen av de tøffeste funksjonene å skape fra grunnen av. Du kan finne mange mursteinplugger, men de har sine egne begrensninger og krav .Muuri-skriptet er et sterkt alternativ for alle som trenger sorterbare og responsive gridelementer med berøringsstøtte .Den er bygget på Velocity.js f