{"id":228737,"date":"2022-10-29T17:23:00","date_gmt":"2022-10-29T14:23:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228737"},"modified":"2022-11-09T04:05:27","modified_gmt":"2022-11-09T01:05:27","slug":"homebrew-node-ja-gulp-wordpressi-arendamiseks","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/homebrew-node-ja-gulp-wordpressi-arendamiseks\/","title":{"rendered":"Homebrew, Node ja Gulp WordPressi arendamiseks"},"content":{"rendered":"\n<p>Kuigi mul on terve rida t\u00f6\u00f6riistu, mida eelistan kasutada projektides, millega t\u00f6\u00f6tan algusest peale, on lepingulise t\u00f6\u00f6 olemus see, et te ei saa neid t\u00f6\u00f6riistu alati kasutada.<\/p>\n<p>Selle asemel peate t\u00f6\u00f6tama kliendi pakutavate t\u00f6\u00f6riistadega, mis tavaliselt tulevad m\u00e4ngu alati, kui p\u00e4risite projekti eelmiselt arendajalt.<\/p>\n<p>Selguse huvides ei muuda see kellegi t\u00f6\u00f6riista valikut. Mul ei ole selles suhtes seisukohta siin ega seal. Selle asemel arvan, et on oluline teada, kuidas m\u00f5nda neist t\u00f6\u00f6riistadest h\u00f5lpsalt t\u00f6\u00f6le hakata.<\/p>\n<p>N\u00e4iteks oleme t\u00f6\u00f6tanud projekti kallal, mis n\u00f5uab Gulpi, mis omakorda n\u00f5uab Node&#8217;i, mida saab Homebrewi abil h\u00f5lpsasti installida. Tagurpidi t\u00f6\u00f6tamiseks on vaja palju samme, eks?<\/p>\n<p><a href=\"https:\/\/brew.sh\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Homebrew&#8217;i<\/a>, <a href=\"https:\/\/nodejs.org\/en\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Node&#8217;i<\/a> ja <a href=\"http:\/\/gulpjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gulpiga<\/a> alustamine WordPressi arendamisel on \u00fcsna lihtne. Olen kirjeldanud alltoodud samme ja teinud k\u00f5ik endast oleneva, et selgitada, mida iga pakett teeb, et teaksite, mida installite ja mida teete, kui v\u00f5i kui puutute kokku sellise projektiga.<\/p>\n<h2>Homebrew, Node ja Gulp<\/h2>\n<p>Neile, kes teavad, mis on Gulp ja Node, olete t\u00f5en\u00e4oliselt n\u00e4inud viise, kuidas neid omal moel installida. Kui see t\u00f6\u00f6tab teie jaoks ja teil on suurep\u00e4rane seadistus, siis on k\u00f5ik korras ja ma ei muretseks selle postituse \u00fclej\u00e4\u00e4nud osa p\u00e4rast eriti.<\/p>\n<p>Teisest k\u00fcljest, kui olete selles t\u00e4iesti uus, siis j\u00e4rgin seda protsessi seda t\u00fc\u00fcpi seadistustega t\u00f6\u00f6tades.<\/p>\n<p>Kuid pidage meeles: kuigi ma k\u00e4in l\u00e4bi kolme installitava tarkvara osa, saab iga\u00fcks neist installida omal moel, kuid nende installimine sellise paketi abil nagu Homebrew annab ka puhta v\u00f5imaluse samamoodi muu tarkvara installimiseks.<\/p>\n<p>Esmalt k\u00e4sitlen Homebrew&#8217;i, seej\u00e4rel vaatan Node&#8217;i ja Gulpi. Nii et me l\u00e4heme: Homebrew, Node ja Gulp k\u00f5ik WordPressi arendamiseks.<\/p>\n<h3>1 Homebrew<\/h3>\n<p>L\u00fchidalt \u00f6eldes on Homebrew paketihaldur, mis t\u00f6\u00f6tab macOS-is. See v\u00f5imaldab meil tarkvara k\u00e4surealt h\u00f5lpsalt installida ja desinstallida.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a19c4bf8e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a19c4bf8e.png\" alt=\"Homebrew, Node ja Gulp WordPressi arendamiseks\" ><\/a><\/p>\n<p>Homebrew koduleht<\/p>\n<p>Paketihaldur v\u00f5imaldab meil h\u00f5lpsasti installida ja hallata suurt hulka tarkvara, millest suur osa on arendajatele abiks.<\/p>\n<p>Koduleht v\u00e4idab:<\/p>\n<blockquote>\n<p>Homebrew installib teile vajalikud asjad, mida Apple ei teinud.<\/p>\n<\/blockquote>\n<p>Kuid selleks, et m\u00f5ista, mida ma m\u00f5tlen, vaadake <a href=\"https:\/\/github.com\/Homebrew\/homebrew-core\/tree\/master\/Formula\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hoidlast<\/a>. See on tohutu, eks? Selle postituse puhul keskendun ainult Node&#8217;i installimisele.<\/p>\n<p>Ja ma otsustasin lisada selle l\u00fchikirjelduse Homebrew&#8217;i enne \u00fclej\u00e4\u00e4nud pakettide installimist, sest see on midagi, mida minu arvates tasub uurida, kui te pole kunagi varem proovinud.<\/p>\n<h3>2 S\u00f5lm<\/h3>\n<p>Gulpi installimiseks peate installima s\u00f5lme, mis on JavaScripti k\u00e4itusaeg, millele Gulp on ehitatud. Jah, see pakub palju muid funktsioone, kuid see k\u00f5ik ei kuulu selle postituse ulatusse.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1a4a32c2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1a4a32c2.png\" alt=\"Homebrew, Node ja Gulp WordPressi arendamiseks\" ><\/a><\/p>\n<p>S\u00f5lme koduleht<\/p>\n<p>Koduleht v\u00e4idab:<\/p>\n<blockquote>\n<p>Node.js paketi \u00f6kos\u00fcsteem npm on maailma suurim avatud l\u00e4htekoodiga raamatukogude \u00f6kos\u00fcsteem.<\/p>\n<\/blockquote>\n<p><a href=\"https:\/\/www.npmjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">NPM<\/a> -i kodulehelt saate otsida k\u00f5iki saadaolevaid pakette. Lihtne &#8216;gulp&#8217;-otsing annab peaaegu 10 000 tulemust pakettide kohta, mis v\u00f5ivad toimida koos tegumik\u00e4ivitajaga (m\u00f5ned neist teevad sama, kuid saate aru).<\/p>\n<h3>3 Gulp<\/h3>\n<p>L\u00f5puks on Gulp lihtne k\u00e4surea \u00fclesannete k\u00e4ivitaja, mis v\u00f5imaldab teil arendusprotsessis paljusid erinevaid asju automatiseerida. \u00dche n\u00e4itena on sellel pakett, mis <a href=\"https:\/\/www.npmjs.com\/package\/gulp-sass\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">vaatab Sassi faile<\/a> ja edastab neid ning kombineerib neid iga faili salvestamisel.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1ab085e4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1ab085e4.png\" alt=\"Homebrew, Node ja Gulp WordPressi arendamiseks\" ><\/a><\/p>\n<p>Gulpi koduleht<\/p>\n<p>L\u00fchidalt \u00f6eldes:<\/p>\n<blockquote>\n<p>gulp on t\u00f6\u00f6riistakomplekt arendust\u00f6\u00f6voo valulike v\u00f5i aegan\u00f5udvate \u00fclesannete automatiseerimiseks, et saaksite l\u00f5petada jamamise ja midagi ehitada.<\/p>\n<\/blockquote>\n<p>Nn gulp-faili kaudu peate kaasama mitmed s\u00f5ltuvused \u2013 n\u00e4iteks need, mis v\u00f5imaldavad teil CSS-faile \u00fcle kanda ja kombineerida \u2013 ning seej\u00e4rel laskma seda vajaduse korral automaatselt teha.<\/p>\n<p>Kuid see ei piirdu sellega: saate t\u00f6\u00f6tada ka piltide, mallide, failide, lintfailide <a href=\"https:\/\/github.com\/gulpjs\/gulp\/tree\/master\/docs\/recipes\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ja nii edasi<\/a> minimeerimiseks .<\/p>\n<h2>Homebrew&#8217;i, Node&#8217;i ja Gulpi installimine<\/h2>\n<p>K\u00f5ik \u00fclaltoodud on sissejuhatus tarkvarasse, kuid kuidas seda k\u00f5ike oma s\u00fcsteemi installida?<\/p>\n<p>Esiteks installige homebrew. Selleks k\u00e4ivitage terminal ja sisestage j\u00e4rgmine k\u00e4sk:<\/p>\n<pre><code>$ \/usr\/bin\/ruby -e \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install)\"<\/code><\/pre>\n<p>Kui see tundub kuidagi imelik, siis teadke, et see kasutab Homebrew paketi allalaadimiseks ja teie s\u00fcsteemi installimiseks cURL-i ja installitud Ruby k\u00e4ivitatavat faili.<\/p>\n<p>J\u00e4rgmisena installige Node. Kui Homebrew on installitud, on see lihtne. Sisestage lihtsalt j\u00e4rgmine k\u00e4sk:<\/p>\n<pre><code>$\u00a0brew <\/code><\/pre>\n<p>Lihtne, eks? Ja l\u00f5puks on vaja installida Gulp ja selleks on vaja pakette. See s\u00f5ltub teie projektist, kuid mul on projekti jaoks vaja:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.npmjs.com\/package\/gulp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ahmima<\/a><\/li>\n<li><a href=\"https:\/\/www.npmjs.com\/package\/gulp-cli\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">gulp-cli<\/a><\/li>\n<li><a href=\"https:\/\/www.npmjs.com\/package\/gulp-sass\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">gulp-sass<\/a><\/li>\n<li><a href=\"https:\/\/www.npmjs.com\/package\/gulp-watch\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">n\u00e4rimiskell<\/a><\/li>\n<\/ul>\n<p>Teil v\u00f5ib neid vaja minna, kuid ei pruugi, nii et ma kirjeldan siin, kuidas installida s\u00f5lme ja gulp-sassi s\u00f5ltuvusi Node&#8217;i abil. Sisestage oma terminali j\u00e4rgmine teave:<\/p>\n<pre><code>$ npm install gulp\n$ npm install gulp-sass<\/code><\/pre>\n<p>Seej\u00e4rel sisestage:<\/p>\n<pre><code>$ gulp sass:watch<\/code><\/pre>\n<p>See installib h\u00e4davajalikud s\u00f5ltuvused ja k\u00e4sib seej\u00e4rel Gulpil j\u00e4lgida teie Sassi-failide muudatusi. See p\u00f5hineb ka ideel, et teil on juba defineeritud gulp-fail.<\/p>\n<p>Kui ei, siis peate selle ise looma. \u00d5nneks on saadaval <a href=\"https:\/\/github.com\/gulpjs\/gulp\/tree\/master\/docs\/recipes\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">palju retsepte<\/a>.<\/p>\n<h2>Muud ressursid<\/h2>\n<p>Nagu n\u00e4ete, on see \u00fcsna lihtne, kuid \u00fclesannete k\u00e4ivitaja puudutab teie keskkonda. Soovitan lugeda l\u00e4bi iga \u00fclaltoodud paketi dokumentatsioon, et saada minu esitatud l\u00fchikirjeldusest s\u00fcgavam arusaam:<\/p>\n<ul>\n<li><a href=\"http:\/\/docs.brew.sh\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Homebrew&#8217;i dokumentatsioon<\/a><\/li>\n<li><a href=\"https:\/\/nodejs.org\/api\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">S\u00f5lme API<\/a><\/li>\n<li><a href=\"https:\/\/github.com\/gulpjs\/gulp\/blob\/master\/docs\/README.md\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gulpi dokumentatsioon<\/a><\/li>\n<\/ul>\n<p>Ja pidage meeles: see ei asenda teie juba olemasolevaid t\u00f6\u00f6riistu ega t\u00f6\u00f6voogu. Selle asemel on see m\u00f5eldud teile n\u00e4itama, kuidas installida t\u00f6\u00f6riistade komplekt, mida p\u00e4ritud projekt v\u00f5ib vajada. Ja kui see pole Gulp, siis v\u00f5ib-olla <a href=\"https:\/\/gruntjs.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Grunt<\/a> v\u00f5i m\u00f5ni muu \u00fclesannete jooksja. Asi on selles, et selle tegemiseks on olemas protsess.<\/p>\n<p>Neile, keda huvitab konkreetselt Homebrew (mis on k\u00f5ige eelneva aluseks), soovitan lugeda ka <a href=\"https:\/\/twitter.com\/twigpress\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Carl Alexanderi<\/a> postitust <a href=\"https:\/\/carlalexander.ca\/2016-macbook-pro-setup\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema praeguse seadistuse<\/a> kohta. Tal on jaotis, mis on t\u00e4ielikult p\u00fchendatud Homebrewile, miks ta seda kasutab ja palju muud.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Homebrewi, Node&#8217;i ja Gulpiga alustamine WordPressi arendamisel on \u00fcsna lihtne. Olen selles postituses kirjeldanud ja selgitanud samme.<\/p>\n","protected":false},"author":1,"featured_media":223785,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[718,894,916,863],"tags":[1165],"class_list":["post-228737","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-kood","category-muud","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/228737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=228737"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/228737\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/223785"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=228737"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=228737"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=228737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}