Homebrew, Node e Gulp per lo sviluppo di WordPress
Sebbene disponga di una suite di strumenti che preferisco utilizzare su progetti su cui lavoro da zero, la natura del lavoro a contratto è che non sei sempre in grado di utilizzare quegli strumenti.
Invece, devi lavorare utilizzando gli strumenti forniti dal cliente che di solito entrano in gioco ogni volta che erediti un progetto da uno sviluppatore precedente.
Per essere chiari, questo non sta bussando alla scelta degli strumenti di nessuno. Non ho una posizione qui o là su quello. Invece, penso che sia importante sapere come utilizzare facilmente alcuni di questi strumenti.
Ad esempio, abbiamo lavorato a un progetto che richiede Gulp che a sua volta richiede Node che può essere installato facilmente utilizzando Homebrew. Sono molti i passaggi per lavorare all’indietro, giusto?
Per iniziare con Homebrew, Node e Gulp nello sviluppo di WordPress è abbastanza semplice. Ho delineato i passaggi seguenti e ho fatto il possibile per spiegare cosa fa ogni pacchetto in modo da sapere cosa stai installando e cosa stai facendo se o quando incontri un progetto come questo.
Homebrew, Node e Gulp
Per coloro che hanno un’idea di cosa siano Gulp e Node, probabilmente hai visto dei modi per installarli a modo loro. Se funziona per te e hai un’ottima configurazione, allora sei a posto e non mi preoccuperei molto del resto di questo post.
Se d’altra parte, sei nuovo di zecca in questo, questo è il processo che seguo quando lavoro con questo tipo di configurazione.
Ma ricorda: anche se sto esaminando tre software da installare, ognuno di essi può essere installato a modo suo, ma installarli utilizzando un pacchetto come Homebrew fornisce anche un modo pulito per installare altri software allo stesso modo.
Tratterò prima Homebrew, quindi guarderò a Node e Gulp. Quindi eccoci qui: Homebrew, Node e Gulp tutti per lo sviluppo di WordPress.
1 birra fatta in casa
In breve, Homebrew è un gestore di pacchetti che funziona su macOS. Ci consente di installare e disinstallare facilmente il software dalla riga di comando.
La homebrew Homepage
Il gestore di pacchetti ci consente di installare e gestire facilmente un’enorme quantità di software, in gran parte utile per gli sviluppatori.
La homepage afferma:
Homebrew installa le cose di cui hai bisogno che Apple non ha.
Ma per capire cosa intendo, dai un’occhiata al repository. È enorme, giusto? Per questo post, mi sto concentrando solo sull’installazione di Node.
E ho deciso di includere questo brief in Homebrew prima di installare il resto dei pacchetti perché è qualcosa che penso valga la pena esplorare se non l’hai mai provato prima.
2 Nodo
Per installare Gulp, devi installare node che è un runtime JavaScript su cui è costruito Gulp. Sì, offre molte altre funzionalità, ma va tutto oltre lo scopo di questo post.
La home page del nodo
La homepage afferma:
L’ecosistema di pacchetti di Node.js, npm, è il più grande ecosistema di librerie open source al mondo.
E puoi cercare tutti i pacchetti disponibili dalla homepage di NPM. Una semplice ricerca di ‘gulp’ produrrà quasi 10.000 risultati di pacchetti che possono funzionare con il task-runner (alcuni dei quali fanno la stessa cosa, ma tu hai l’idea).
3 Gulp
Infine, Gulp è un semplice task runner da riga di comando che ti consente di automatizzare molte cose diverse nel tuo processo di sviluppo. Ad esempio, ha un pacchetto che guarderà i file Sass e li transpilerà e li combinerà su ogni salvataggio di file.
La homepage di Gulp
Metti succintamente:
gulp è un toolkit per automatizzare attività dolorose o dispendiose in termini di tempo nel flusso di lavoro di sviluppo, così puoi smettere di fare casino e costruire qualcosa.
Attraverso quello che viene chiamato un file gulp, devi includere una serie di dipendenze, come quelle che ti consentono di transpilare e combinare file CSS, e poi farlo automaticamente ogni volta che è necessario.
Ma non finisce qui: puoi anche lavorare con immagini, modelli, file minify, file lint e così via.
Installazione di Homebrew, Node e Gulp
Tutto quanto sopra è un’introduzione al software, ma come facciamo a installarlo tutto sul nostro sistema?
Per prima cosa, installa homebrew. Per fare ciò, avvia Terminale e inserisci il seguente comando:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Se sembra strano, sappi solo che sta usando cURL e l’eseguibile Ruby installato per scaricare il pacchetto Homebrew e installarlo sul tuo sistema.
Quindi, installa Nodo. Una volta installato Homebrew, è facile. Basta inserire il seguente comando:
$ brew Facile, vero? E infine, è necessario installare Gulp e i suoi pacchetti richiesti. Questo dipenderà dal tuo progetto ma per il progetto che ho ho bisogno di:
Potresti aver bisogno o meno di questi, quindi ecco come installare le dipendenze gulp e gulp-sass usando Node. Inserisci quanto segue nel tuo terminale:
$ npm install gulp
$ npm install gulp-sassQuindi inserisci:
$ gulp sass:watchQuesto installerà le necessariamente dipendenze e quindi dirà a Gulp di controllare le modifiche ai tuoi file Sass. Si basa anche sull’idea che hai un file gulp che è già definito.
In caso contrario, dovrai crearlo tu stesso. Fortunatamente, ci sono molte ricette disponibili.
Altre risorse
Come puoi vedere, è piuttosto semplice, ma il task runner riguarda il tuo ambiente. Consiglio di leggere la documentazione per ciascuno dei pacchetti sopra per ottenere una comprensione più profonda rispetto alla breve descrizione che ho fornito:
E ricorda: questo non sostituisce gli strumenti o il flusso di lavoro che hai già. Invece, ha lo scopo di mostrarti come installare una suite di strumenti di cui potrebbe aver bisogno un progetto che erediti. E se non è Gulp, forse è Grunt o qualche altro task runner. Il punto è che c’è un processo per farlo.
Per coloro che sono interessati in modo specifico all’Homebrew (che è alla base di tutto quanto sopra), consiglio anche di leggere il post di Carl Alexander sulla sua configurazione attuale. Ha una sezione interamente dedicata all’Homebrew, perché lo usa e altro ancora.