Share
Astăzi, cei mai mulți dezvoltatori web din partea frontului petrec o mulțime de timp cu tehnologii precum Sass, LESS, HTML și JavaScript. Ultimii doi ani au fost un moment interesant în dezvoltarea web și tehnologii precum Grunt au contribuit la entuziasmul spus.
În această serie, intenționez să vă introduc la Grunt și să vorbesc despre cum poate îmbunătăți dezvoltarea temelor și pluginurilor WordPress. Vom lucra, de asemenea, pentru a configura Grunt pentru ao pregăti pentru utilizare în următorul proiect. În cele din urmă, vom examina și instrumentele din linia de comandă.
Grunt este un instrument de automatizare pentru dezvoltatorii din front-end. Este scris în JavaScript, așa că ar trebui să fie destul de bine să înțelegeți dacă știți JavaScript. Iată descrierea de pe site-ul Grunt:
Într-un cuvânt: automatizare. Cu cât mai puține lucruri trebuie să faceți atunci când efectuați activități repetate cum ar fi minificarea, compilarea, testarea unității, lăcuitul etc., cu atât mai ușor devine loc de muncă. După ce ați configurat-o, un alergător de sarcini poate face cea mai mare parte a muncii brutale pentru dvs. - și echipa dvs. - cu efort practic zero.
Grunt este un instrument de sistem de operare agnostic, deci dacă dezvoltați pe Mac, Windows sau Linux, ar trebui să îl puteți utiliza. Acest lucru face cu adevărat mare pentru echipe mai mari care au un amestec de platforme cu care se dezvoltă. Cea mai bună parte este că, pe măsură ce vă configurați proiectul cu Grunt, este ușor de împărțit și altora. Vom acoperi acest lucru mai mult într-un alt post.
Pentru cei dintre voi care nu au lucrat sau nu au auzit despre asta, Node.js este un runtime JavaScript. Ea a decolat într-adevăr în ultimii ani și tehnologii precum Grunt și Bower au ajutat într-adevăr să accelereze adoptarea. Iată descrierea de pe site-ul Node:
Node.js este o platformă construită pe timpul de executare JavaScript Chrome pentru a construi cu ușurință aplicații de rețea rapide și scalabile. Node.js utilizează un model de I / O non-blocat, bazat pe evenimente, care îl face ușor și eficient, perfect pentru aplicațiile în timp real de date care rulează pe dispozitivele distribuite.
Nodul este o condiție prealabilă pentru utilizarea lui Grunt și trebuie să îl aveți instalat pe mașina dvs. și, eventual, pe serverele dvs. Grunt folosește npm pentru a instala și a gestiona pluginurile. Puteți citi mai multe despre cerințele de pe pagina Noțiuni de bază pe site-ul Grunt.
Odată ce ați primit sarcinile de care aveți nevoie pentru proiectul dvs. instalat, aveți nevoie de o modalitate de a le executa. Aici intră fișierul Gruntfile.js. Gruntfile specifică ce sarcini să includă și opțiunile pe care le specificați pentru a le executa.
Aici veți specifica cu precizie obiectivele și sursele pentru fiecare activitate. Un exemplu ar fi indicarea fișierelor dvs. precompiled .scss și specificarea locației în care doriți să fie salvate fișierele .css compilate. Veți specifica și alte opțiuni pe care fiecare plugin le va avea la dispoziție. Acestea sunt, de obicei, documentate cu fiecare plugin.
Sarcini sunt într-adevăr în cazul în care puterea este în opinia mea. O sarcină este pur și simplu o modalitate de a executa un grup de pluginuri. Veți dori să specificați o sarcină implicită care este executată când executați „Groh“. Puteți utiliza sarcina de urmărire, astfel încât să puteți executa automat sarcini sau pluginuri atunci când anumite fișiere se modifică în proiectul dvs..
Am de gând să intru în sarcini mai mult într-un post mai târziu.
Grunt este cu siguranta un instrument pe care ar trebui sa il stiti daca sunteti un dezvoltator de front-end sau WordPress. Acest citat de pe site-ul Grunt într-adevăr însumează lucrurile,
Ecosistemul Grunt este uriaș și crește în fiecare zi. Cu literalmente sute de pluginuri pentru a alege de la, puteți utiliza Grunt pentru a automatiza aproape orice, cu un minim de efort. Dacă cineva nu a construit deja ceea ce aveți nevoie, creați și publicați propriul plugin Grunt la npm este o briză.
Dacă nu ați început să o utilizați în proiectele dvs., ar trebui să o considerați cu siguranță.
Accentsconagua