Homebrew, Node e Gulp<\/h2>\n
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.<\/p>\n
Se d’altra parte, sei nuovo di zecca in questo, questo \u00e8 il processo che seguo quando lavoro con questo tipo di configurazione.<\/p>\n
Ma ricorda: anche se sto esaminando tre software da installare, ognuno di essi pu\u00f2 essere installato a modo suo, ma installarli utilizzando un pacchetto come Homebrew fornisce anche un modo pulito per installare altri software allo stesso modo.<\/p>\n
Tratter\u00f2 prima Homebrew, quindi guarder\u00f2 a Node e Gulp. Quindi eccoci qui: Homebrew, Node e Gulp tutti per lo sviluppo di WordPress.<\/p>\n
1 birra fatta in casa<\/h3>\n
In breve, Homebrew \u00e8 un gestore di pacchetti che funziona su macOS. Ci consente di installare e disinstallare facilmente il software dalla riga di comando.<\/p>\n
La homebrew Homepage<\/p>\n Il gestore di pacchetti ci consente di installare e gestire facilmente un’enorme quantit\u00e0 di software, in gran parte utile per gli sviluppatori.<\/p>\n La homepage afferma:<\/p>\n Homebrew installa le cose di cui hai bisogno che Apple non ha.<\/p>\n<\/blockquote>\n Ma per capire cosa intendo, dai un’occhiata al repository<\/a>. \u00c8 enorme, giusto? Per questo post, mi sto concentrando solo sull’installazione di Node.<\/p>\n E ho deciso di includere questo brief in Homebrew prima di installare il resto dei pacchetti perch\u00e9 \u00e8 qualcosa che penso valga la pena esplorare se non l’hai mai provato prima.<\/p>\n Per installare Gulp, devi installare node che \u00e8 un runtime JavaScript su cui \u00e8 costruito Gulp. S\u00ec, offre molte altre funzionalit\u00e0, ma va tutto oltre lo scopo di questo post.<\/p>\n La home page del nodo<\/p>\n La homepage afferma:<\/p>\n L’ecosistema di pacchetti di Node.js, npm, \u00e8 il pi\u00f9 grande ecosistema di librerie open source al mondo.<\/p>\n<\/blockquote>\n E puoi cercare tutti i pacchetti disponibili dalla homepage di NPM<\/a>. Una semplice ricerca di ‘gulp’ produrr\u00e0 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).<\/p>\n Infine, Gulp \u00e8 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\u00e0 i file Sass<\/a> e li transpiler\u00e0 e li combiner\u00e0 su ogni salvataggio di file.<\/p>\n La homepage di Gulp<\/p>\n Metti succintamente:<\/p>\n gulp \u00e8 un toolkit per automatizzare attivit\u00e0 dolorose o dispendiose in termini di tempo nel flusso di lavoro di sviluppo, cos\u00ec puoi smettere di fare casino e costruire qualcosa.<\/p>\n<\/blockquote>\n 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 \u00e8 necessario.<\/p>\n Ma non finisce qui: puoi anche lavorare con immagini, modelli, file minify, file lint e cos\u00ec via<\/a>.<\/p>\n Tutto quanto sopra \u00e8 un’introduzione al software, ma come facciamo a installarlo tutto sul nostro sistema?<\/p>\n Per prima cosa, installa homebrew. Per fare ci\u00f2, avvia Terminale e inserisci il seguente comando:<\/p>\n Se sembra strano, sappi solo che sta usando cURL e l’eseguibile Ruby installato per scaricare il pacchetto Homebrew e installarlo sul tuo sistema.<\/p>\n Quindi, installa Nodo. Una volta installato Homebrew, \u00e8 facile. Basta inserire il seguente comando:<\/p>\n Facile, vero? E infine, \u00e8 necessario installare Gulp e i suoi pacchetti richiesti. Questo dipender\u00e0 dal tuo progetto ma per il progetto che ho ho bisogno di:<\/p>\n 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:<\/p>\n Quindi inserisci:<\/p>\n Questo installer\u00e0 le necessariamente dipendenze e quindi dir\u00e0 a Gulp di controllare le modifiche ai tuoi file Sass. Si basa anche sull’idea che hai un file gulp che \u00e8 gi\u00e0 definito.<\/p>\n In caso contrario, dovrai crearlo tu stesso. Fortunatamente, ci sono molte ricette<\/a> disponibili.<\/p>\n Come puoi vedere, \u00e8 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\u00f9 profonda rispetto alla breve descrizione che ho fornito:<\/p>\n E ricorda: questo non sostituisce gli strumenti o il flusso di lavoro che hai gi\u00e0. Invece, ha lo scopo di mostrarti come installare una suite di strumenti di cui potrebbe aver bisogno un progetto che erediti. E se non \u00e8 Gulp, forse \u00e8 Grunt<\/a> o qualche altro task runner. Il punto \u00e8 che c’\u00e8 un processo per farlo.<\/p>\n Per coloro che sono interessati in modo specifico all’Homebrew (che \u00e8 alla base di tutto quanto sopra), consiglio anche di leggere il post di Carl Alexander<\/a> sulla sua configurazione attuale<\/a>. Ha una sezione interamente dedicata all’Homebrew, perch\u00e9 lo usa e altro ancora.<\/p>\n![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a19c4bf8e.png\")
<\/a><\/p>\n\n
2 Nodo<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1a4a32c2.png\")
<\/a><\/p>\n\n
3 Gulp<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1ab085e4.png\")
<\/a><\/p>\n\n
Installazione di Homebrew, Node e Gulp<\/h2>\n
$ \/usr\/bin\/ruby -e \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install)\"<\/code><\/pre>\n$\u00a0brew <\/code><\/pre>\n\n
$ npm install gulp\n$ npm install gulp-sass<\/code><\/pre>\n$ gulp sass:watch<\/code><\/pre>\nAltre risorse<\/h2>\n
\n