Homebrew, Node och Gulp för WordPress-utveckling
Även om jag har en uppsättning verktyg som jag föredrar att använda i projekt som jag arbetar med från grunden, är kontraktsarbetets natur att du inte alltid kan använda dessa verktyg.
Istället måste du arbeta med hjälp av de verktyg som klienten tillhandahåller, som vanligtvis kommer till spel när du ärver ett projekt från en tidigare utvecklare.
För att vara tydlig, detta slår inte någons val av verktyg. Jag har ingen ståndpunkt här eller där om det. Istället tror jag att det är viktigt att veta hur man enkelt kommer igång med några av dessa verktyg.
Vi har till exempel arbetat med ett projekt som kräver Gulp som i sin tur kräver Node som enkelt kan installeras med Homebrew. Det är många steg att arbeta bakåt, eller hur?
Att komma igång med Homebrew, Node och Gulp i WordPress-utveckling är ganska enkelt. Jag har beskrivit stegen nedan och gjort vad jag kan för att förklara vad varje paket gör så att du vet vad du installerar och vad du gör om eller när du stöter på ett projekt som detta.
Homebrew, Node och Gulp
För dem som har en aning om vad Gulp och Node är, så har du förmodligen sett sätt att installera dem på deras sätt. Om det fungerar för dig och du har en bra installation, är du bra att gå, och jag skulle inte oroa mig mycket för resten av det här inlägget.
Om du å andra sidan är helt ny på detta så är det här processen jag följer när jag arbetar med den här typen av inställningar.
Men kom ihåg: Även om jag går igenom tre programvaror att installera, kan var och en av dem installeras på sitt sätt, men att installera dem med ett paket som Homebrew ger också ett rent sätt att installera annan programvara på samma sätt.
Jag ska täcka Homebrew först och sedan titta på Node och Gulp. Så här går vi: Homebrew, Node och Gulp allt för WordPress-utveckling.
1 Hembrygd
Kort sagt, Homebrew är en pakethanterare som körs på macOS. Det låter oss enkelt installera och avinstallera programvara från kommandoraden.
Hembrews hemsida
Pakethanteraren tillåter oss att enkelt installera och hantera en enorm mängd programvara, varav mycket är till hjälp för utvecklare.
Hemsidan hävdar:
Homebrew installerar de saker du behöver som Apple inte gjorde.
Men för att se vad jag menar, ta en titt på förvaret. Det är stort, eller hur? För det här inlägget fokuserar jag bara på att installera Node.
Och jag valde att inkludera denna brief i Homebrew innan jag installerade resten av paketen eftersom det är något jag tycker är värt att utforska om du aldrig har provat förut.
2 Nod
För att installera Gulp måste du installera node som är en JavaScript-runtime som Gulp är byggd på. Ja, det erbjuder många andra funktioner, men det är allt utanför ramen för detta inlägg.
Nodens hemsida
Hemsidan hävdar:
Node.js paketekosystem, npm, är det största ekosystemet av öppen källkodsbibliotek i världen.
Och du kan söka i alla paket som är tillgängliga från NPM:s hemsida. En enkel sökning efter ‘gulp’ kommer att ge nästan 10 000 resultat av paket som kan fungera med task-runner (av vilka vissa gör samma sak, men du förstår idén).
3 Gulp
Slutligen är Gulp en enkel kommandoradsuppgiftskörare som låter dig automatisera många olika saker i din utvecklingsprocess. Som ett exempel har den ett paket som kommer att titta på Sass-filer och transpilera och kombinera dem vid varje filsparning.
Gulps hemsida
Kortfattat:
gulp är en verktygslåda för att automatisera smärtsamma eller tidskrävande uppgifter i ditt utvecklingsarbetsflöde, så att du kan sluta bråka och bygga något.
Genom vad som kallas en gulp-fil måste du inkludera ett antal beroenden – som de som gör att du kan transpilera och kombinera CSS-filer – och sedan låta den automatiskt göra det när det behövs.
Men det stannar inte där: Du kan också arbeta med bilder, mallar, förminska filer, lint-filer och så vidare.
Installera Homebrew, Node och Gulp
Allt ovanstående är en introduktion till programvara men hur får vi allt installerat på vårt system?
Installera först homebrew. För att göra detta, starta Terminal och skriv in följande kommando:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Om det här ser lite konstigt ut, vet bara att det använder cURL och den installerade Ruby körbara filen för att ladda ner Homebrew-paketet och installera det på ditt system.
Installera sedan Node. När Homebrew väl är installerat är det enkelt. Skriv bara in följande kommando:
$ brew Lätt, eller hur? Och slutligen är det nödvändigt att installera Gulp, och det krävs paket. Detta beror på ditt projekt men för projektet jag har behöver jag:
Du kanske behöver eller kanske inte behöver dessa, så jag ska här är hur du installerar gulp och gulp-sass beroenden med hjälp av Node. Ange följande i din terminal:
$ npm install gulp
$ npm install gulp-sassAnge sedan:
$ gulp sass:watchDetta kommer att installera de nödvändiga beroenden och kommer sedan att säga åt Gulp att titta efter ändringar av dina Sass-filer. Det bygger också på tanken att du har en gulp-fil som redan är definierad.
Om inte måste du skapa den själv. Som tur är finns det gott om recept.
Andra resurser
Som du kan se är det ganska okomplicerat, men uppgiftslöparen handlar om din miljö. Jag rekommenderar att du läser igenom dokumentationen för vart och ett av paketen ovan för att få en djupare förståelse än den korta beskrivningen jag har tillhandahållit:
Och kom ihåg: Detta är inte för att ersätta några verktyg eller arbetsflöden du redan har. Istället är det tänkt att visa dig hur du installerar en uppsättning verktyg som ett projekt du ärver kan behöva. Och om det inte är Gulp, kanske det är Grunt eller någon annan uppgiftslöpare. Poängen är att det finns en process för att göra det.
För den som är specifikt intresserad av Homebrew (som är grunden för allt ovan) rekommenderar jag även att läsa Carl Alexanders inlägg om hans nuvarande setup. Han har ett avsnitt helt tillägnat Homebrew, varför han använder det och mer.