Homebrew, Node und Gulp für die WordPress-Entwicklung
Obwohl ich eine Reihe von Tools habe, die ich am liebsten für Projekte verwende, an denen ich von Grund auf arbeite, liegt es in der Natur der Vertragsarbeit, dass Sie diese Tools nicht immer verwenden können.
Stattdessen müssen Sie mit den vom Kunden bereitgestellten Tools arbeiten, die normalerweise immer dann ins Spiel kommen, wenn Sie ein Projekt von einem früheren Entwickler übernehmen.
Um es klar zu sagen, dies klopft nicht an die Wahl der Werkzeuge. Ich habe keine Position hier oder da dazu. Stattdessen denke ich, dass es wichtig ist zu wissen, wie man einige dieser Tools einfach zum Laufen bringt.
Zum Beispiel haben wir an einem Projekt gearbeitet, das Gulp erfordert, was wiederum Node erfordert, das einfach mit Homebrew installiert werden kann. Es sind viele Schritte, um rückwärts zu arbeiten, richtig?
Der Einstieg mit Homebrew, Node und Gulp in die WordPress-Entwicklung ist ziemlich einfach. Ich habe die folgenden Schritte skizziert und getan, was ich kann, um zu erklären, was jedes Paket tut, damit Sie wissen, was Sie installieren und was Sie tun, wenn oder wenn Sie auf ein solches Projekt stoßen.
Homebrew, Node und Schluck
Für diejenigen, die eine Vorstellung davon haben, was Gulp und Node sind, haben Sie wahrscheinlich Möglichkeiten gesehen, sie auf ihre Weise zu installieren. Wenn das für Sie funktioniert und Sie ein großartiges Setup haben, können Sie loslegen, und ich würde mir über den Rest dieses Beitrags keine großen Sorgen machen.
Wenn Sie andererseits ganz neu darin sind, dann ist dies der Prozess, dem ich folge, wenn ich mit dieser Art von Setup arbeite.
Aber denken Sie daran: Obwohl ich durch drei zu installierende Softwareteile gehe, kann jede von ihnen auf ihre Weise installiert werden, aber die Installation mit einem Paket wie Homebrew bietet auch eine saubere Möglichkeit, andere Software auf die gleiche Weise zu installieren.
Ich werde zuerst Homebrew behandeln und dann auf Node und Gulp schauen. Also los geht’s: Homebrew, Node und Gulp, alle für die WordPress-Entwicklung.
1 Selbstgebrautes
Kurz gesagt, Homebrew ist ein Paketmanager, der auf macOS läuft. Es ermöglicht uns, Software einfach über die Befehlszeile zu installieren und zu deinstallieren.
Die Homebrew-Homepage
Der Paketmanager ermöglicht es uns, eine riesige Menge an Software zu installieren und zu verwalten, von der viele für Entwickler hilfreich sind.
Die Homepage behauptet:
Homebrew installiert das Zeug, das Sie brauchen, was Apple nicht getan hat.
Aber um zu sehen, was ich meine, werfen Sie einen Blick auf das Repository. Es ist riesig, oder? In diesem Beitrag konzentriere ich mich nur auf die Installation von Node.
Und ich habe mich dafür entschieden, diesen Brief in Homebrew aufzunehmen, bevor ich die restlichen Pakete installiere, weil ich denke, dass es sich lohnt, es zu erkunden, wenn Sie es noch nie zuvor versucht haben.
2 Knoten
Um Gulp zu installieren, müssen Sie den Knoten installieren, bei dem es sich um eine JavaScript-Laufzeitumgebung handelt, auf der Gulp aufbaut. Ja, es bietet viele andere Funktionen, aber das alles würde den Rahmen dieses Beitrags sprengen.
Die Knoten-Homepage
Die Homepage behauptet:
Das Paket-Ökosystem von Node.js, npm, ist das weltweit größte Ökosystem von Open-Source-Bibliotheken.
Und Sie können alle Pakete durchsuchen, die auf der NPM-Homepage verfügbar sind. Eine einfache Suche nach „gulp” liefert fast 10.000 Ergebnisse von Paketen, die mit dem Task-Runner arbeiten können (einige davon tun dasselbe, aber Sie verstehen schon).
3 Schluck
Schließlich ist Gulp ein einfacher Befehlszeilen-Task-Runner, mit dem Sie viele verschiedene Dinge in Ihrem Entwicklungsprozess automatisieren können. Als ein Beispiel hat es ein Paket, das Sass-Dateien überwacht und sie bei jeder Dateispeicherung transpiliert und kombiniert.
Die Gulp-Homepage
Kurz gesagt:
gulp ist ein Toolkit zur Automatisierung schmerzhafter oder zeitaufwändiger Aufgaben in Ihrem Entwicklungsworkflow, damit Sie aufhören, herumzuspielen und etwas zu bauen.
Durch eine sogenannte Gulp-Datei müssen Sie eine Reihe von Abhängigkeiten einbeziehen – beispielsweise diejenigen, die es Ihnen ermöglichen, CSS-Dateien zu transpilieren und zu kombinieren – und dies dann bei Bedarf automatisch tun lassen.
Aber das ist noch nicht alles: Sie können auch mit Bildern, Vorlagen, Minify-Dateien, Lint-Dateien usw. arbeiten .
Homebrew, Node und Gulp installieren
All dies ist eine Einführung in die Software, aber wie bekommen wir alles auf unserem System installiert?
Installieren Sie zuerst Homebrew. Starten Sie dazu Terminal und geben Sie den folgenden Befehl ein:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Wenn dies irgendwie seltsam aussieht, wissen Sie einfach, dass es cURL und die installierte ausführbare Ruby-Datei verwendet, um das Homebrew-Paket herunterzuladen und auf Ihrem System zu installieren.
Als nächstes installieren Sie Node. Sobald Homebrew installiert ist, ist dies einfach. Geben Sie einfach den folgenden Befehl ein:
$ brew Einfach richtig? Und schließlich ist es notwendig, Gulp und seine erforderlichen Pakete zu installieren. Dies hängt von Ihrem Projekt ab, aber für das Projekt, das ich habe, brauche ich:
Möglicherweise benötigen Sie diese oder auch nicht, daher erkläre ich Ihnen hier, wie Sie die gulp- und die gulp-sass-Abhängigkeiten mithilfe von Node installieren. Geben Sie Folgendes in Ihr Terminal ein:
$ npm install gulp
$ npm install gulp-sassGeben Sie dann ein:
$ gulp sass:watchDadurch werden die notwendigen Abhängigkeiten installiert und Gulp wird dann angewiesen, auf Änderungen an Ihren Sass-Dateien zu achten. Das basiert auch auf der Idee, dass Sie eine Gulp-Datei haben, die bereits definiert ist.
Wenn nicht, müssen Sie es selbst erstellen. Zum Glück gibt es viele Rezepte.
Andere Ressourcen
Wie Sie sehen können, ist es ziemlich einfach, aber der Task-Runner dreht sich um Ihre Umgebung. Ich empfehle, die Dokumentation für jedes der oben genannten Pakete durchzulesen, um ein tieferes Verständnis als die kurze Beschreibung zu erhalten, die ich bereitgestellt habe:
Und denken Sie daran: Dies soll keine Tools oder Workflows ersetzen, die Sie bereits haben. Stattdessen soll es Ihnen zeigen, wie Sie eine Reihe von Tools installieren, die ein von Ihnen geerbtes Projekt möglicherweise benötigt. Und wenn es nicht Gulp ist, ist es vielleicht Grunt oder ein anderer Aufgabenläufer. Der Punkt ist, es gibt einen Prozess dafür.
Für diejenigen, die sich speziell für Homebrew interessieren (was die Grundlage für alles oben Genannte ist), empfehle ich auch, Carl Alexanders Beitrag zu seinem aktuellen Setup zu lesen. Er hat einen Abschnitt, der ausschließlich Homebrew gewidmet ist, warum er es verwendet und mehr.