Linia de comandă pentru Web Design Prindeți elementele de bază

Există doar câteva lucruri de care veți avea nevoie pentru a vă pregăti pentru toate lucrurile cool de design pe care le puteți face cu linia de comandă. Multe introduceri generice la linia de comandă se vor concentra asupra lucrurilor cum ar fi crearea dosarelor, mutarea fișierelor, navigarea în sistemul dvs. și așa mai departe. Mi se pare că, cu un accent de design web, rareori folosesc aceste tipuri de comenzi.

Când am început să învăț prima linie de comandă, am întâlnit, de asemenea, o mulțime de tutoriale care sărind în mod obișnuit instrucțiuni cum ar fi "Type blahdee blah blah în terminalul tău" sau "Run the command bloop beep boop" , "Țineți un minut, care este terminalul meu, unde îl găsesc, cum îl deschid și cum îl folosesc?"

În acest tutorial ne vom asigura că nu aveți aceeași problemă. Vom începe chiar de la început. Veți învăța toate lucrurile esențiale de a lucra cu un terminal sau cu un prompt de comandă, inclusiv cum să îl deschideți, cum să executați comenzi, cum să repetați comenzi, cum să vizați folderul proiectului atunci când rulați comenzi și cum să rezolvați cea mai frecventă eroare mesajul pe care îl veți vedea.

Această serie va furniza pașii specifici necesari atât pentru tipii Linux, cât și pentru cei de la Linux. Cu toate acestea, eu presupun că doar prin faptul că sunteți un utilizator Linux probabil că veți avea deja un grad de familiaritate cu linia de comandă. Pe lângă faptul că, fiind un sistem "nix", majoritatea comenzilor Mac sunt identice pe Linux, deci ar trebui să fiți bine să urmați oricum.

O notă privind aplicațiile GUI

Știu ce ați putea gândi și da, este posibil să utilizați aplicații GUI pentru a gestiona unele dintre aceste tipuri de procese; De multe ori fac asta. Cu toate acestea, GUI-urile concepute pentru toată lumea sunt, prin necesitate, a marime universala soluție, astfel încât, dacă descoperiți că doriți să faceți ceva ce nu este prevăzută de o aplicație, sunteți blocat.

În momentul în care ați urmat tutorialele din această serie, veți avea know-how-ul pentru a vă putea derula propriile proiecte cu linii de comandă, în orice moment și în orice fel aveți nevoie de ele.

Ce este linia de comandă?

Pe scurt, linia de comandă vă oferă o modalitate de a trece peste lucrul cu o interfață vizuală, astfel încât să puteți obține cârligele mai adânc în modul în care lucrurile sunt procesate și au mai mult control.

Pentru a vă oferi un anumit fundal, atunci când computerele au sosit prima dată pe scena, singura modalitate prin care ați putea interacționa cu acestea a fost prin comenzi tipizate procesate prin interfețe de linie de comandă (CLI). În cele din urmă au apărut interfețe grafice de utilizator (GUI) care au dus la interacțiunea vizuală "point & click" la care suntem obișnuiți în sistemele de operare și în software-ul de astăzi.

În lumea designului web, lucrurile au evoluat în cealaltă direcție. În primul rând, aproape toate instrumentele noastre au fost software bazat pe GUI. Numai în vremurile relativ recente, soluțiile bazate pe CLI pentru problemele de design web devin accesibile suficient pentru că câștigul salarial o face bine și cu adevărat merită să învățați să le folosiți.

Primul lucru pe care trebuie să-l înțelegeți despre linia de comandă este că, pentru ao folosi, aveți nevoie de un program specializat pentru a tasta comenzile. 

Există mai multe opțiuni disponibile, însă în această serie vom folosi programele implicite livrate cu Mac și Windows. Pe Mac, programul folosit pentru a lucra cu linia de comandă se numește "Terminal", iar pe Windows se numește "Command Prompt".

Cum se deschide un terminal / o comandă

De fapt, găsirea și rularea terminalului / comenzii de comandă nu este imediat evidentă dacă nu ați folosit niciodată înainte. Iată cum se poate face acest lucru pe Mac și Windows.

Pe Mac

Pe Mac, cel mai simplu mod de a deschide un terminal este doar să mergeți la Launchpad și să căutați Terminal Acolo.

Terminalul pe Mac arată astfel:

Odată ce l-ai alergat, puneți-l pe dracu în doc. Crede-mă, o să vrei acolo.

Pe Windows

În parlamentele Windows, linia de comandă se face prin Comandă de comandă

Pe Windows 8: de la ecranul de pornire mergeți la Aplicații, și sub Sistemul Windows alege Comandă de comandă.

Alternativ, apăsați ferestre cheie plus R pentru a deschide o fereastră de rulare. În câmpul etichetat Deschis tip cmd și faceți clic pe O.K pentru a porni promptul de comandă.

Promptul de comandă pe Windows arată astfel:

Notă rapidă: Pentru scurtcircuit, în loc de a spune "terminal / linie de comandă" în întreaga serie voi folosi doar cuvântul "terminal" de aici, fără a se referi la instrucțiunile specifice Windows.

Comenzi de rulare și de repetare

Pentru a rula o comandă, așteptați până când vedeți un prompt. Pe Mac puteți recunoaște promptul de către $ semnați că se termină cu, iar pe Windows se termină cu o > semn:

Prompt pe Terminalul MacSolicitați promptul de comandă Windows

Când vedeți un prompt, puteți introduce comanda, apoi apăsați enter pentru ao rula:

Un lucru foarte util pentru a ști este că dacă doriți să repetați o comandă, puteți apăsa săgeata în sus și / sau în jos de pe tastatură pentru a parcurge comenzile introduse anterior.

Veți găsi că există adesea comenzi pe care veți dori să le executați de mai multe ori și puteți săgeată doar în sus, apoi apăsați introduce este mult mai rapid decât comanda retyping.

Deschiderea unui terminal într-un anumit dosar

Pentru majoritatea sarcinilor de web design pe care le veți realiza folosind linia de comandă, veți avea nevoie de terminalul dvs. pentru a fi arătat la dosarul care găzduiește proiectul. 

Terminalul dvs. va afișa numele folderului pe care îl lucrați în prezent:

Este posibil să navigați în jurul calculatorului utilizând funcția CD comandă, scurt pentru "directorul de schimbare". Cu toate acestea, veți găsi probabil o mulțime mai ușoară dacă puteți doar să faceți clic dreapta pe dosarul proiectului, apoi să deschideți un terminal de sus acolo deja indicat la locul potrivit.

Eu personal fac acest lucru tot timpul, chiar dacă folosirea comenzii "cd" ar fi probabil mai rapidă, deoarece creierul meu de designer preferă să lucreze în acest fel. Iată cum puteți face acest lucru pe fiecare sistem de operare.

Pe Mac

Eu folosesc o aplicație numită XtraFinder (gratuită, și are o mulțime de caracteristici foarte utile), care vă permite să adăugați un Terminal nou aici la meniul contextual din Finder.

Pe Windows

Ține-te jos Schimb și faceți clic dreapta pe dosarul proiectului. În meniul contextual trebuie să vedeți o opțiune de citire Deschide fereastra de comandă aici.

Pe Windows, acesta este întotdeauna modul în care deschid un prompt de comandă pe măsură ce îl găsesc cel mai simplu.

EACCES nu aveți permisiune? sudo.

Unul dintre lucrurile pe care s-ar putea să vă aflați frecvent pe Mac este unul sau altul al unui mesaj de eroare care conține literele EACCES.

Adesea va fi însoțită de ceva de genul "Vă rugăm să încercați să executați din nou această comandă ca root / Administrator."

Dacă sau când vedeți acest lucru, înseamnă că încercați să finalizați o activitate care necesită privilegii de acces elevate. Acest sistem este disponibil pentru a vă asigura că nimeni nu poate efectua modificări semnificative în aparatul dvs. fără autorizație.

Cel mai simplu mod de a verifica dacă sunteți într-adevăr autorizat este adăugarea cuvântului sudo la începutul comenzii dvs., care este scurt pentru "super utilizator face".

Apoi vi se va cere să introduceți parola înainte de a putea continua.

Când adăugați sudo la o comandă pe care o acționați ca "super utilizator" al sistemului, mai degrabă decât un utilizator vechi obișnuit. Cu aceste privilegii crescute ar trebui să găsiți comanda pe care încercați să o executați foarte bine.

Alternative la sudo

Ar trebui să știți că, în general, există alte modalități decât sudo pentru a obține erori la nivel de acces, cum ar fi modificarea modului în care sunt configurate permisiunile pe aparat. Cu toate acestea, pașii obișnuiți necesari pentru aceste tipuri de procese sunt puțin dincolo de nivelul de bază pe care îl acoperim aici. 

Veți fi bine să o utilizați sudo în contextul pe care îl vom acoperi în această serie. Acestea fiind spuse, atunci când sunteți mai confortabil cu linia de comandă, vă recomandăm să căutați alte opțiuni.

Iată un proces de marcare pentru mai târziu cu privire la fixarea permisiunilor npm, relevanța cărora va deveni aparentă într-un tutorial mai târziu.

Cum se va utiliza Sudo în această serie

Oriunde ar trebui să utilizați sudo într-o comandă, o să scriu comanda așa:

[sudo] aici

Acest lucru nu înseamnă că ar trebui să scrieți literalmente [Sudo] cu parantezele pătrate incluse, ci mai degrabă că este posibil să nu fie necesar să le utilizați sudo, adică.

comanda sudo aici

sau

comanda aici

Dacă aveți îndoieli, puteți încerca întotdeauna comanda fără sudo și apoi încercați din nou cu ea, dacă vedeți un EACCES eroare.

În Următorul tutorial

În tutorialul următor, vom trece direct în tehnicile pe care le puteți pune în funcțiune în fluxurile de lucru existente în proiectarea web, trecând prin modul de utilizare a liniei de comandă pentru gestionarea pachetelor de la terți.

Veți învăța cum să începeți cu două dintre cele mai populare sisteme de gestionare a pachetelor de pe web astăzi și cum să le utilizați pentru a găsi, instala și actualiza pachete pentru utilizarea în proiectele dvs..

ne vedem acolo!