Vaikka minulla on joukko työkaluja, joita käytän mieluiten projekteissa, joissa työskentelen alusta alkaen, sopimustyön luonne on se, että et aina pysty käyttämään näitä työkaluja.
Sen sijaan sinun on työskenneltävä käyttämällä asiakkaan tarjoamia työkaluja, jotka tulevat yleensä käyttöön aina, kun perit projektin aiemmalta kehittäjältä.
Selvyyden vuoksi, tämä ei horjuta kenenkään työkalujen valintaa. Minulla ei ole siihen kantaa siellä tai täällä. Sen sijaan mielestäni on tärkeää tietää, kuinka saada joitakin näistä työkaluista helposti käyttöön.
Olemme esimerkiksi työstäneet projektia, joka vaatii Gulpia, joka puolestaan vaatii Nodea, joka voidaan asentaa helposti Homebrewilla. Taaksepäin työskentelyssä on monta askelta, eikö niin?
Homebrew’n, Noden ja Gulpin käytön aloittaminen WordPress-kehityksessä on melko helppoa. Olen hahmotellut alla olevat vaiheet ja tehnyt kaikkeni selittääkseni, mitä kukin paketti tekee, jotta tiedät, mitä olet asentamassa ja mitä teet, jos tai kun kohtaat tällaisen projektin.
Homebrew, Node ja Gulp
Niille, joilla on käsitys siitä, mitä Gulp ja Node ovat, olet todennäköisesti nähnyt tapoja asentaa ne omalla tavallaan. Jos se toimii sinulle ja sinulla on loistavat asetukset, olet valmis, enkä olisi paljon huolissani tämän viestin loppuosasta.
Jos toisaalta olet aivan uusi tässä, noudatan tätä prosessia työskennellessäni tämäntyyppisten asetusten kanssa.
Mutta muista: Vaikka käyn läpi kolme ohjelmistoa asennettavaksi, jokainen niistä voidaan asentaa omalla tavallaan, mutta asentamalla ne käyttämällä pakettia, kuten Homebrew, tarjoaa myös puhtaan tavan asentaa muita ohjelmistoja samalla tavalla.
Käsittelen ensin Homebrew’n ja katson sitten Nodea ja Gulpia. Joten tässä mennään: Homebrew, Node ja Gulp kaikki WordPressin kehittämiseen.
1 Homebrew
Lyhyesti sanottuna Homebrew on paketinhallinta, joka toimii macOS:ssä. Sen avulla voimme helposti asentaa ja poistaa ohjelmiston komentoriviltä.
Homebrew-kotisivu
Paketinhallinnan avulla voimme asentaa ja hallita helposti valtavan määrän ohjelmistoja, joista suuri osa on hyödyllistä kehittäjille.
Kotisivu väittää:
Homebrew asentaa tarvitsemasi tavarat, joita Apple ei ole asentanut.
Mutta nähdäksesi mitä tarkoitan, katso arkistoa. Se on valtava, eikö? Tässä viestissä keskityn vain Noden asentamiseen.
Ja päätin sisällyttää tämän ohjeen Homebrew’hun ennen muiden pakettien asentamista, koska mielestäni se on jotain tutkimisen arvoista, jos et ole koskaan ennen kokeillut.
2 Solmu
Gulpin asentamiseksi sinun on asennettava solmu, joka on JavaScript-ajonaika, johon Gulp on rakennettu. Kyllä, se tarjoaa paljon muita toimintoja, mutta se kaikki ei kuulu tämän viestin soveltamisalaan.
Solmun kotisivu
Kotisivu väittää:
Node.js:n pakettiekosysteemi, npm, on maailman suurin avoimen lähdekoodin kirjastojen ekosysteemi.
Ja voit etsiä kaikista saatavilla olevista paketeista NPM:n kotisivulta. Yksinkertainen haku sanalla ‘gulp’ tuottaa lähes 10 000 tulosta paketeista, jotka voivat toimia Task-runnerin kanssa (joista osa tekee saman asian, mutta ymmärrät idean).
3 Gulp
Lopuksi Gulp on yksinkertainen komentorivitehtävä, jonka avulla voit automatisoida monia erilaisia asioita kehitysprosessissasi. Yhtenä esimerkkinä siinä on paketti, joka katselee Sass-tiedostoja ja siirtää ja yhdistää ne jokaisessa tallennetussa tiedostossa.
Gulpin kotisivu
Lyhyesti sanottuna:
gulp on työkalupakki tuskallisten tai aikaa vievien tehtävien automatisointiin kehitystyönkulussa, jotta voit lopettaa sotkemisen ja rakentaa jotain.
Gulp-tiedoston avulla sinun on sisällytettävä joukko riippuvuuksia – kuten ne, jotka mahdollistavat CSS-tiedostojen siirtämisen ja yhdistämisen – ja sen jälkeen se on tehtävä automaattisesti aina tarvittaessa.
Mutta se ei lopu tähän: Voit myös käsitellä kuvia, malleja, pienentää tiedostoja, linttejä ja niin edelleen.
Homebrew:n, Noden ja Gulpin asentaminen
Kaikki yllä oleva on johdatusta ohjelmistoon, mutta kuinka saamme sen asennettua järjestelmäämme?
Asenna ensin homebrew. Voit tehdä tämän käynnistämällä Terminal ja kirjoittamalla seuraavan komennon:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Jos tämä näyttää oudolta, tiedä vain, että se käyttää cURL-osoitetta ja asennettua Ruby-suoritettavaa tiedostoa Homebrew-paketin lataamiseen ja sen asentamiseen järjestelmääsi.
Asenna seuraavaksi Node. Kun Homebrew on asennettu, se on helppoa. Kirjoita vain seuraava komento:
$ brew Helppoa, eikö? Ja lopuksi on tarpeen asentaa Gulp ja siihen vaadittavat paketit. Tämä riippuu projektistasi, mutta projektiani varten tarvitsen:
Saatat tarvita tai et tarvitse näitä, joten aion asentaa gulp- ja gulp-sass-riippuvuudet Noden avulla. Kirjoita terminaaliin seuraavat tiedot:
$ npm install gulp
$ npm install gulp-sassKirjoita sitten:
$ gulp sass:watchTämä asentaa välttämättömät riippuvuudet ja käskee Gulpia tarkkailemaan muutoksia Sass-tiedostoihisi. Se perustuu myös ajatukseen, että sinulla on jo määritetty gulp-tiedosto.
Jos ei, sinun on luotava se itse. Onneksi reseptejä on tarjolla runsaasti.
Muut resurssit
Kuten näet, se on melko yksinkertaista, mutta tehtävän suorittaja koskee ympäristöäsi. Suosittelen lukemaan läpi kunkin yllä olevan paketin dokumentaatiot saadaksesi paremman käsityksen kuin antamani lyhyt kuvaus:
Ja muista: tämä ei korvaa olemassa olevia työkaluja tai työnkulkua. Sen sijaan sen tarkoituksena on näyttää, kuinka voit asentaa työkalusarjan, jota perittävä projekti saattaa tarvita. Ja jos se ei ole Gulp, ehkä se on Grunt tai joku muu tehtävänohjain. Pointti on, että sen tekemiseen on prosessi.
Niille, jotka ovat kiinnostuneita erityisesti Homebrew’sta (joka on perusta kaikelle yllä olevalle), suosittelen myös lukemaan Carl Alexanderin viestin hänen nykyisestä kokoonpanostaan. Hänellä on osio, joka on omistettu kokonaan Homebrew’lle, miksi hän käyttää sitä ja paljon muuta.