{"id":229311,"date":"2022-10-29T17:57:00","date_gmt":"2022-10-29T14:57:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229311"},"modified":"2022-11-09T06:26:17","modified_gmt":"2022-11-09T03:26:17","slug":"homebrew-node-ja-gulp-wordpressin-kehittaemiseen","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/homebrew-node-ja-gulp-wordpressin-kehittaemiseen\/","title":{"rendered":"Homebrew, Node ja Gulp WordPressin kehitt\u00e4miseen"},"content":{"rendered":"\n

Vaikka minulla on joukko ty\u00f6kaluja, joita k\u00e4yt\u00e4n mieluiten projekteissa, joissa ty\u00f6skentelen alusta alkaen, sopimusty\u00f6n luonne on se, ett\u00e4 et aina pysty k\u00e4ytt\u00e4m\u00e4\u00e4n n\u00e4it\u00e4 ty\u00f6kaluja.<\/p>\n

Sen sijaan sinun on ty\u00f6skennelt\u00e4v\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 asiakkaan tarjoamia ty\u00f6kaluja, jotka tulevat yleens\u00e4 k\u00e4ytt\u00f6\u00f6n aina, kun perit projektin aiemmalta kehitt\u00e4j\u00e4lt\u00e4.<\/p>\n

Selvyyden vuoksi, t\u00e4m\u00e4 ei horjuta kenenk\u00e4\u00e4n ty\u00f6kalujen valintaa. Minulla ei ole siihen kantaa siell\u00e4 tai t\u00e4\u00e4ll\u00e4. Sen sijaan mielest\u00e4ni on t\u00e4rke\u00e4\u00e4 tiet\u00e4\u00e4, kuinka saada joitakin n\u00e4ist\u00e4 ty\u00f6kaluista helposti k\u00e4ytt\u00f6\u00f6n.<\/p>\n

Olemme esimerkiksi ty\u00f6st\u00e4neet projektia, joka vaatii Gulpia, joka puolestaan \u200b\u200bvaatii Nodea, joka voidaan asentaa helposti Homebrewilla. Taaksep\u00e4in ty\u00f6skentelyss\u00e4 on monta askelta, eik\u00f6 niin?<\/p>\n

Homebrew’n<\/a>, Noden<\/a> ja Gulpin<\/a> k\u00e4yt\u00f6n aloittaminen WordPress-kehityksess\u00e4 on melko helppoa. Olen hahmotellut alla olevat vaiheet ja tehnyt kaikkeni selitt\u00e4\u00e4kseni, mit\u00e4 kukin paketti tekee, jotta tied\u00e4t, mit\u00e4 olet asentamassa ja mit\u00e4 teet, jos tai kun kohtaat t\u00e4llaisen projektin.<\/p>\n

Homebrew, Node ja Gulp<\/h2>\n

Niille, joilla on k\u00e4sitys siit\u00e4, mit\u00e4 Gulp ja Node ovat, olet todenn\u00e4k\u00f6isesti n\u00e4hnyt tapoja asentaa ne omalla tavallaan. Jos se toimii sinulle ja sinulla on loistavat asetukset, olet valmis, enk\u00e4 olisi paljon huolissani t\u00e4m\u00e4n viestin loppuosasta.<\/p>\n

Jos toisaalta olet aivan uusi t\u00e4ss\u00e4, noudatan t\u00e4t\u00e4 prosessia ty\u00f6skennelless\u00e4ni t\u00e4m\u00e4ntyyppisten asetusten kanssa.<\/p>\n

Mutta muista: Vaikka k\u00e4yn l\u00e4pi kolme ohjelmistoa asennettavaksi, jokainen niist\u00e4 voidaan asentaa omalla tavallaan, mutta asentamalla ne k\u00e4ytt\u00e4m\u00e4ll\u00e4 pakettia, kuten Homebrew, tarjoaa my\u00f6s puhtaan tavan asentaa muita ohjelmistoja samalla tavalla.<\/p>\n

K\u00e4sittelen ensin Homebrew’n ja katson sitten Nodea ja Gulpia. Joten t\u00e4ss\u00e4 menn\u00e4\u00e4n: Homebrew, Node ja Gulp kaikki WordPressin kehitt\u00e4miseen.<\/p>\n

1 Homebrew<\/h3>\n

Lyhyesti sanottuna Homebrew on paketinhallinta, joka toimii macOS:ss\u00e4. Sen avulla voimme helposti asentaa ja poistaa ohjelmiston komentorivilt\u00e4.<\/p>\n

\"Homebrew,<\/a><\/p>\n

Homebrew-kotisivu<\/p>\n

Paketinhallinnan avulla voimme asentaa ja hallita helposti valtavan m\u00e4\u00e4r\u00e4n ohjelmistoja, joista suuri osa on hy\u00f6dyllist\u00e4 kehitt\u00e4jille.<\/p>\n

Kotisivu v\u00e4itt\u00e4\u00e4:<\/p>\n

\n

Homebrew asentaa tarvitsemasi tavarat, joita Apple ei ole asentanut.<\/p>\n<\/blockquote>\n

Mutta n\u00e4hd\u00e4ksesi mit\u00e4 tarkoitan, katso arkistoa<\/a>. Se on valtava, eik\u00f6? T\u00e4ss\u00e4 viestiss\u00e4 keskityn vain Noden asentamiseen.<\/p>\n

Ja p\u00e4\u00e4tin sis\u00e4llytt\u00e4\u00e4 t\u00e4m\u00e4n ohjeen Homebrew’hun ennen muiden pakettien asentamista, koska mielest\u00e4ni se on jotain tutkimisen arvoista, jos et ole koskaan ennen kokeillut.<\/p>\n

2 Solmu<\/h3>\n

Gulpin asentamiseksi sinun on asennettava solmu, joka on JavaScript-ajonaika, johon Gulp on rakennettu. Kyll\u00e4, se tarjoaa paljon muita toimintoja, mutta se kaikki ei kuulu t\u00e4m\u00e4n viestin soveltamisalaan.<\/p>\n

\"Homebrew,<\/a><\/p>\n

Solmun kotisivu<\/p>\n

Kotisivu v\u00e4itt\u00e4\u00e4:<\/p>\n

\n

Node.js:n pakettiekosysteemi, npm, on maailman suurin avoimen l\u00e4hdekoodin kirjastojen ekosysteemi.<\/p>\n<\/blockquote>\n

Ja voit etsi\u00e4 kaikista saatavilla olevista paketeista NPM:n kotisivulta<\/a>. Yksinkertainen haku sanalla ’gulp’ tuottaa l\u00e4hes 10 000 tulosta paketeista, jotka voivat toimia Task-runnerin kanssa (joista osa tekee saman asian, mutta ymm\u00e4rr\u00e4t idean).<\/p>\n

3 Gulp<\/h3>\n

Lopuksi Gulp on yksinkertainen komentoriviteht\u00e4v\u00e4, jonka avulla voit automatisoida monia erilaisia \u200b\u200basioita kehitysprosessissasi. Yhten\u00e4 esimerkkin\u00e4 siin\u00e4 on paketti, joka katselee Sass-tiedostoja<\/a> ja siirt\u00e4\u00e4 ja yhdist\u00e4\u00e4 ne jokaisessa tallennetussa tiedostossa.<\/p>\n

\"Homebrew,<\/a><\/p>\n

Gulpin kotisivu<\/p>\n

Lyhyesti sanottuna:<\/p>\n

\n

gulp on ty\u00f6kalupakki tuskallisten tai aikaa vievien teht\u00e4vien automatisointiin kehitysty\u00f6nkulussa, jotta voit lopettaa sotkemisen ja rakentaa jotain.<\/p>\n<\/blockquote>\n

Gulp-tiedoston avulla sinun on sis\u00e4llytett\u00e4v\u00e4 joukko riippuvuuksia \u2013 kuten ne, jotka mahdollistavat CSS-tiedostojen siirt\u00e4misen ja yhdist\u00e4misen \u2013 ja sen j\u00e4lkeen se on teht\u00e4v\u00e4 automaattisesti aina tarvittaessa.<\/p>\n

Mutta se ei lopu t\u00e4h\u00e4n: Voit my\u00f6s k\u00e4sitell\u00e4 kuvia, malleja, pienent\u00e4\u00e4 tiedostoja, linttej\u00e4 ja niin edelleen<\/a>.<\/p>\n

Homebrew:n, Noden ja Gulpin asentaminen<\/h2>\n

Kaikki yll\u00e4 oleva on johdatusta ohjelmistoon, mutta kuinka saamme sen asennettua j\u00e4rjestelm\u00e4\u00e4mme?<\/p>\n

Asenna ensin homebrew. Voit tehd\u00e4 t\u00e4m\u00e4n k\u00e4ynnist\u00e4m\u00e4ll\u00e4 Terminal ja kirjoittamalla seuraavan komennon:<\/p>\n

$ \/usr\/bin\/ruby -e \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install)\"<\/code><\/pre>\n
Jos t\u00e4m\u00e4 n\u00e4ytt\u00e4\u00e4 oudolta, tied\u00e4 vain, ett\u00e4 se k\u00e4ytt\u00e4\u00e4 cURL-osoitetta ja asennettua Ruby-suoritettavaa tiedostoa Homebrew-paketin lataamiseen ja sen asentamiseen j\u00e4rjestelm\u00e4\u00e4si.<\/p>\n
Asenna seuraavaksi Node. Kun Homebrew on asennettu, se on helppoa. Kirjoita vain seuraava komento:<\/p>\n
$\u00a0brew <\/code><\/pre>\n
Helppoa, eik\u00f6? Ja lopuksi on tarpeen asentaa Gulp ja siihen vaadittavat paketit. T\u00e4m\u00e4 riippuu projektistasi, mutta projektiani varten tarvitsen:<\/p>\n