Share
Det er bare noen få ting du trenger for å gjøre deg klar for alle de kule designene du kan gjøre med kommandolinjen. Mange generiske introduksjoner til kommandolinjen vil fokusere på ting som å lage mapper, flytte filer rundt, navigere på systemet og så videre. Jeg finner at med et webdesign fokus bruker jeg sjelden noen slike kommandoer.
Da jeg først begynte å lære kommandolinjen, opplevde jeg også mange opplæringsprogrammer som ofte hopper rett inn i instruksjoner som "Type blahdee blah blah i din terminal" eller "Kjør kommandobloop pipebop." Dette forlater vanligvis noen helt ny på kommandolinjen sier , "Hold opp et minutt, hva er terminalen min, hvor finner jeg den, hvordan åpner jeg den og hvordan bruker jeg den?"
I denne opplæringen skal vi sørge for at du ikke har det samme problemet. Vi skal begynne i begynnelsen. Du lærer alle nødvendigheter av å jobbe med en terminal eller kommandoprompt, inkludert hvordan du åpner den, hvordan du kjører kommandoer, hvordan du gjentar kommandoer, hvordan du målretter prosjektmappen når du kjører kommandoer, og hvordan du skal håndtere den vanligste feilen melding du vil se.
Denne serien vil gi de spesifikke trinnene som trengs for både Mac og Windows-beklager Linux-gutta. Men jeg gjetter at bare ved å være en Linux-bruker, vil du sannsynligvis allerede ha en grad av fortrolighet med kommandolinjen. I tillegg til at det er et "nix-system", er de fleste Mac-kommandoer identiske på Linux, slik at du bør være god til å følge med allikevel.
Jeg vet hva du kanskje tenker, og ja, det er mulig å bruke GUI-apper til å håndtere noen av disse typer prosesser; Jeg gjør det ofte selv. Imidlertid er GUIer designet for alle av nødvendighet a en størrelse passer alle løsning, så hvis du finner ut at du vil gjøre noe en app ikke sørger for, sitter du fast.
Når du har fulgt opplæringsprogrammene i denne serien, har du kunnskapen til å kunne rulle dine egne kommandolinjeprojekter, når som helst, og på noen måte trenger du dem.
I et nøtteskall gir kommandolinjen deg en måte å hoppe over med et visuelt grensesnitt, slik at du kan få krokene dine dypere inn i hvordan ting blir behandlet og har mer kontroll.
For å gi deg litt bakgrunn, da datamaskiner først kom på scenen, var den eneste måten du kunne kommunisere med, via typede kommandoer behandlet av kommandolinjegrensesnitt (CLIer). Til slutt ble det oppstått grafiske brukergrensesnitt (GUIer) som ga opphav til det visuelle "pek og klikk" samspillet vi er vant til i operativsystemer og programvare i dag.
I verden av webdesign har ting utviklet seg i den andre retningen. Til å begynne med var nesten alle verktøyene GUI-basert programvare. Bare i relativt nyere tid har CLI-baserte løsninger for webdesignproblemer blitt tilgjengelige nok til at utbetalingen gjør det bra og virkelig verdt å lære å bruke dem.
Den første tingen å forstå om kommandolinjen er at for å bruke den trenger du et spesialisert program for å skrive kommandoene inn i.
Det finnes flere forskjellige alternativer, men i denne serien bruker vi bare standardprogrammene som leveres med Mac og Windows. På Mac er programmet som brukes til å arbeide med kommandolinjen kalt "Terminal", og i Windows kalles det "Command Prompt".
Faktisk å finne og kjøre terminal / kommandoprompt er ikke umiddelbart opplagt hvis du aldri har brukt det før. Slik gjør du det på Mac og Windows.
På Mac, er den enkleste måten å åpne en terminal, bare å gå til Launchpad og søke etter Terminal der.
Terminal på Mac ser slik ut:
Når du har det i gang, pin den sucker til docken din. Stol på meg, du kommer til å ønske det der.
I Windows-utgave er kommandolinjen gjort via Ledeteksten.
På Windows 8: Gå til startskjermbildet Apps, og under Windows System velge Ledeteksten.
Trykk alternativt Windows nøkkel pluss R å åpne et kjørevindu. I feltet merket Åpen type cmd og klikk på OK knappen for å starte kommandoprompten.
Kommandoprompt på Windows ser slik ut:
Hurtig merknad: For korthet, i stedet for å si "terminal / kommandolinje" i hele serien, bruker jeg bare ordet "terminal" fra nå av, med mindre det henvises til spesifikke instruksjoner fra Windows.
For å kjøre en kommando, vent til du ser en melding. På Mac kan du gjenkjenne spørringen av $ signere det slutter med, og i Windows slutter det med a > skilt:
Spør på Mac Terminal
Spør på Windows Command PromptNår du ser en melding, kan du skrive inn kommandoen din og deretter trykke enter for å kjøre den:
En super praktisk ting å vite er at hvis du vil gjenta en kommando, kan du trykke på opp- og / eller nedpilen på tastaturet for å bla gjennom tidligere innførte kommandoer.
Du vil finne at det ofte er kommandoer du vil kjøre mer enn en gang, og å være i stand til å bare pil opp og trykk deretter Tast inn er mye raskere enn retyping kommandoer.
For de fleste av webdesign oppgavene du skal utføre ved hjelp av kommandolinjen, må du ha terminalen din til å peke på mappen som huser prosjektet ditt.
Terminalen din vil vise navnet på mappen du for tiden jobber innenfor:
Det er mulig å navigere deg rundt datamaskinen din ved hjelp av cd kommando, kort for "endre katalog". Du vil imidlertid trolig finne det mye enklere hvis du bare kan høyreklikke inne i prosjektmappen din, og åpne en terminal derfra allerede pekket til rett sted.
Jeg gjør dette personlig hele tiden, selv om bruk av "cd" -kommandoen sannsynligvis vil bli raskere, da min designer hjerne bare foretrekker å jobbe på denne måten. Slik gjør du det på hvert operativsystem.
Jeg bruker en app kalt XtraFinder (gratis, og har en rekke veldig nyttige funksjoner) som lar deg legge til en Ny terminal her alternativ til kontekstmenyen i Finder.
Holde nede Skifte og høyreklikk i prosjektmappen din. I kontekstmenyen bør du se en valgmulighet Åpne kommandovinduet her.
På Windows er dette alltid hvordan jeg åpner en ledetekst som jeg synes er den enkleste måten.
En av de tingene du kanskje finner på deg selv kjører ofte på Mac, er en rekke eller en annen av en feilmelding som inneholder bokstavene EACCES.
Det vil ofte bli ledsaget av noe som "Vennligst prøv å kjøre denne kommandoen igjen som root / Administrator."
Hvis, eller når du ser dette, betyr det bare at du prøver å fullføre en oppgave som krever forhøyede tilgangsprivilegier. Dette systemet er på plass for å sikre at ingen kan gjøre betydelige endringer i maskinen uten autorisasjon.
Den enkleste måten å kontrollere at du faktisk er autorisert, er å legge til ordet sudo til begynnelsen av din kommando, som er kort for "super bruker gjør".
Deretter blir du bedt om å skrive inn passordet ditt før du kan fortsette.
Når du legger til sudo til en kommando du opererer som "super bruker" av systemet i stedet for en vanlig gammel bruker. Med disse forhøyede rettighetene bør du finne kommandoen du prøver å kjøre, bare bra.
Du bør være klar over at det generelt finnes andre måter enn sudo for å få tilgang til tilgangsnivåfeil, for eksempel hvordan du endrer måten som er satt opp på maskinen din. Trinnene som vanligvis kreves for disse typer prosesser er imidlertid litt utover det grunnleggende nivået vi dekker her.
Du får det fint å bruke sudo i sammenheng vil vi dekke i denne serien. Når det er sagt, når du er mer komfortabel med kommandolinjen, vil du kanskje finne ut de andre alternativene.
Her er en prosess for bokmerke for senere å fastsette npm-tillatelser, hvor relevansen vil bli tydelig i en senere opplæring.
Uansett hvor du måtte bruke sudo I en kommando skriver jeg kommandoen ut slik:
[sudo] kommandoen her
Dette betyr ikke at du skal skrive ut bokstavelig talt [Sudo] med firkantede braketter inkludert, men heller at du kanskje eller kanskje ikke trenger å bruke sudo, dvs.
sudo kommandoen her
eller
kommandoen her
Hvis du er i tvil, kan du alltid prøve kommandoen uten sudo og prøv igjen med det, hvis du ser en EACCES feil.
I den neste opplæringen hopper vi rett inn i teknikker du kan sette i arbeid i dine eksisterende webdesign arbeidsflyter, ved å gå gjennom hvordan du bruker kommandolinje for tredjeparts pakkehåndtering.
Du lærer hvordan du kommer i gang med to av de mest populære pakkestyringssystemene på nettet i dag, og hvordan du bruker dem til å finne, installere og oppdatere pakker for bruk i prosjektene dine.
jeg ser deg der!
Accentsconagua