WordPress-Entwicklung mit VVV

Japh hat in seinem vorherigen Artikel die Gründe erläutert und uns schließlich überzeugt, unsere Entwicklungsumgebung mit Vagrant in die Nähe des Remote-Webservers zu setzen. Der Artikel ist mehr als zwei Jahre alt, aber die Idee ist bis heute relevant. Vagrant hat sich vor kurzem in der WordPress-Community durch eine spezielle Vagrant-Konfiguration namens VVV (Varning Vagrant Vagrants) durchgesetzt.

VVV ist eine Voreinstellung der Vagrant-Konfiguration, die auf WordPress-zentrierte Projekte ausgerichtet ist, z. B. die Entwicklung eines Designs, eines Plugins oder eines Beitrags zu WordPress Core. VVV enthält außerdem eine Handvoll Tools wie WP-CLI, PHP Code Sniffer und Composer, die unsere Entwicklungsworkflows überfordern.

Nichtsdestotrotz hat die Verwendung einer Anwendung wie MAMP, WAMP oder XAMPP für viele Entwickler einen ausreichenden Grad an Komfort bereitgestellt. Diese Tools könnten ihnen so gut gedient haben, dass eine Migration zum VVV nicht notwendig erscheint.

Aus diesem Grund richtet sich dieses Tutorial an diejenigen von Ihnen, die diese traditionellen Stack-Anwendungen bereits seit langem für die Entwicklung von WordPress verwenden und jetzt der Meinung sind, dass die App Ihre umfangreicheren und komplexeren Projekte nicht mehr bewältigen kann.

Vielleicht haben Sie irgendwo gelesen, dass Vagrant eine großartige Alternative ist, aber Sie wissen nicht, wo Sie anfangen sollen und ob Vagrant das richtige Werkzeug für Sie ist. Bevor wir weiter eintauchen, werden wir unser Projektentwicklungsszenario skizzieren, in dem die Verwendung des VVV angemessen ist.

Lass uns anfangen.

Projektbesprechung

Zunächst haben wir ein Entwicklerteam, das uns bei diesem Projekt unterstützt. Unser Team ist auf der ganzen Welt verteilt, und jeder hat seine eigenen Vorlieben - einige verwenden Windows, andere verwenden OS X. Wir verwenden Vagrant und VVV, damit jeder die gleiche Umgebung hat und die Testausgabe relevanter wird.

Unser Projekt besteht darin, ein Theme und ein Plugin zu erstellen, das wir in das jeweilige WordPress.org-Repository einreichen.

Das Design sollte mit einigen gängigen Plugins wie Jetpack, WooCommerce, EDD und BBPress kompatibel sein. Wir werden das Plugin auch mit einer Reihe anderer Plugins testen, um sicherzustellen, dass keine Konflikte oder Fehler auftreten, wenn sie zusammen aktiv sind.

Des Weiteren sollten das Theme und das Plugin auch mit der neuesten sowie zwei früheren Versionen von WordPress kompatibel sein und für zukünftige WordPress-Versionen bereit sein, indem sie durch die Betaversion getestet werden.

Die folgende Tabelle zeigt, wo unser Theme und Plugin mit WordPress-Versionen sowie mit einer Reihe von Plugins kompatibel sein sollte.

Kompatibilität: Acme-StoreFront (Theme) Acme-LocalCurrency (Plugin)
WordPress 4.2 -
WordPress 4.3 -
WordPress Neueste
WordPress Beta
Jetpack -
BBPress -
Einfache digitale Downloads (EDD)
WooCommerce

Außerdem haben wir möglicherweise eine lokale Website unter jetpack.wordpress.dev Hier werden die Designs (oder Plugins) gehostet, die von einem oder mehreren Jetpack-Modulen abhängen, z. B. Infinite Scroll und Sharing.

Um mögliche Interferenzen durch andere Plugins zu vermeiden, werden die aktiven Plugins darin angezeigt jetpack.wordpress.dev sind nur Jetpack, mit einigen Ausnahmen für einige unterstützende Plugins wie Query Monitor, VIP Scanner und Debug Bar.

Eventuell können wir auch erstellen woo.wordpress.devbbp.wordpress.dev, und so weiter, um unsere Projekte rund um die Funktionen dieser Plugins zu erstellen und zu testen.

Was müssen Sie installiert haben??

  • Git: In diesem Tutorial verwenden wir hauptsächlich Git, um ein Repository zu klonen. Im Allgemeinen sollten Sie es jedoch verwenden, um Ihre Projektänderungen zu verfolgen und zu verwalten.
  • Terminal: Die meisten unserer Operationen während dieses Tutorials werden in Terminal ausgeführt. Windows 10 Benutzer können schließlich Bash-Skripts über die Eingabeaufforderung ausführen. Windows 8 oder 7 Benutzer können Bash Git verwenden, das über das Git-Installationsprogramm vorinstalliert wird, Cygwin. Cmder könnte eine gute Alternative sein.
  • Homebrew: Für Benutzer von OSX empfehle ich dringend, dass Sie Homebrew und Homebrew Cask installieren, was die Installation einiger Dinge in diesem Tutorial zu einem Kinderspiel macht. Hier ist ein Tutorial von unserer Schwestersite, Computer Tuts +, Perfekte Konfigurationen mit Homebrew und Cask.

Nun, da wir eine ungefähre Vorstellung davon haben, was wir tun werden, und Sie diese Tools installiert haben, werden wir nun damit beginnen, VVV einzurichten. Lass uns anfangen!

Schritt 1: Installieren Sie VirtualBox

Zunächst einmal benötigen wir eine virtuelle Maschine (VM), um unsere Entwicklungsumgebungen zu hosten, die mit Vagrant erstellt wurden. In diesem Tutorial entscheiden wir uns für VirtualBox. es ist kostenlos und funktioniert plattformübergreifend. Auf der Download-Seite ist für jede Plattform-Windows-, OSX- und einige Linux-Distributionen ein Installationsprogramm verfügbar.

Starten Sie das Installationsprogramm und folgen Sie den Schritten bis zum Ende des Prozesses. Alternativ können OS X-Benutzer VirtualBox über Homebrew Cask installieren, sodass Sie VirtualBox mit einer einzigen Befehlszeile wie folgt bequemer installieren können.

Brühkanne installieren Virtualbox

Sobald VirtualBox installiert ist, was eine Weile dauern kann, fahren wir mit der Installation von Vagrant fort.

Schritt 2: Installieren Sie Vagrant

Ebenso ist ein Vagrant-Installationsprogramm für OS X, Windows und Linux verfügbar. Laden Sie eine für Ihre Plattform herunter und folgen Sie den Anweisungen. Benutzer von OS X können es über Homebrew Cask mit der folgenden Befehlszeile installieren.

Brühfass installieren Vagabund

Sobald es installiert ist, sollten Sie Zugriff auf die Landstreicher CLI.

Rufen Sie die installierte Vagrant-Version im OSX-Terminal ab

Schritt 3: Installieren Sie Vagrant Plugins

Die Installation der folgenden Vagrant-Plugins ist optional, aber es ist im Allgemeinen eine gute Idee, sie zu installieren, um den Prozess der Einrichtung der VVV-Entwicklungsumgebung einschließlich der lokalen Websites zu optimieren.

Vagrant Hosts Updater: Dieses Plugin erlaubt Vagrant die Aktualisierung des Gastgeber Datei, um den Domainnamen für die lokalen Websites zu registrieren. Ansonsten müssen wir es selbst hinzufügen, was sich etwas unbequem anhört.

Führen Sie den folgenden Befehl aus, um das Plugin zu installieren:

vagrant plugin install vagrant-hostsupdater

Vagrant-Auslöser: Mit diesem Plugin kann VVV eine Reihe von Prozessen wie das Sichern von Datenbanken automatisieren. Um es zu installieren, führen Sie Folgendes aus:

Vagrant-Plugin installieren Vagrant-Trigger

Die Voraussetzungen - VirtualBox und Vagrant - werden zusammen mit den Plugins festgelegt. So können wir mit der Installation von VVV beginnen.

Schritt 4: Installieren Sie VVV

Klonen Sie zunächst VVV aus dem GitHub-Repository in ein lokales Verzeichnis.

git clone git: //github.com/Varying-Vagrant-Vagrants/VVV.git

Wenn der Klon vorhanden ist, navigieren Sie zu dem Verzeichnis, in dem er gespeichert ist. Dann rufen Sie es mit der folgenden Befehlszeile auf:

cd vvv; vagrant up

Der VVV wird Ubuntu als virtuelles Betriebssystem für die lokalen Websites herunterladen und installieren. Zu einem bestimmten Zeitpunkt müssen Sie möglicherweise auch Ihr Kennwort eingeben, damit Vagrant Ihre hosts-Datei schreiben kann.

VVV wurde zum ersten Mal initialisiert

Denken Sie daran, dies ist das erste Mal, dass wir VVV in Betrieb nehmen. Der Prozess wird ziemlich lange dauern; Es kann 30 Minuten bis eine Stunde dauern. Machen Sie einen Spaziergang, einen Kaffee oder ruhen Sie sich aus, während der Prozess abläuft.

Wenn VVV läuft, werden folgende Standardinstallationen von WordPress bereitgestellt:

  • local.wordpress.dev: die neueste stabile Version von WordPress.
  • local.wordpress-trunk.dev: Dies ist die WordPress-Nightly-Version, die Code enthält. Wenn Sie sich beim Dashboard anmelden, finden Sie etwas in der Richtung von Sie verwenden eine Entwicklungsversion (4.5-RC1-37169) in der Fußzeile.

Melden Sie sich mit diesen Sites an Administrator als Benutzername und Passwort als Passwort.

Schritt 5: Fügen Sie ein neues WordPress-Projekt in VVV hinzu

Jetzt, da wir den VVV in Betrieb haben, können wir unsere neuen Projekte starten. Wir werden ein Beispieldesign und ein Plugin erstellen. Es war immer mein Vorzug, ein Thema mit Unterstrichen zu beginnen und WPPB für ein Plugin zu verwenden.

Wir fügen diese Speicherplatten in ihrem jeweiligen Verzeichnis innerhalb der / wp-content / Verzeichnis von local.wordpress.dev, befindet sich vvv-verzeichnis / www / wordpress-default / wp-content /.

Fahren Sie mit der Entwicklung des Themes und des Plugins fort. Fügen Sie einige Funktionen hinzu, fügen Sie eine Einstellungsseite für das Design hinzu, fügen Sie eine tiefere Integration mit dem Customizer für das Design hinzu und machen Sie sie schließlich für die nächsten WordPress-Versionen bereit.

Envato Tuts + hat zahlreiche Ressourcen veröffentlicht, die während der Entwicklung nützlich sein können. Im Folgenden sind einige meiner Favoriten aufgeführt:

  • Ein WordPress-Theme in 60 Sekunden erstellen
  • Eine kurze Einführung in die Benutzeroberfläche von WordPress Customizer
  • Der Tuts + Leitfaden für Vorlagen-Tags
  • Der Anfängerleitfaden für WordPress-Taxonomien
  • Einführung in das Erstellen Ihres ersten WordPress-Widget
  • Tipps für Best Practices in der WordPress-Entwicklung

Erstellen einer neuen lokalen Site mit VV

Wie bereits erwähnt, werden wir einige weitere lokale Websites erstellen, auf denen wir unser Theme und Plugin für die Integration mit mehreren Plugins wie Jetpack, WooCommerce, EDD und BBPress entwickeln werden. Wir werden auch ein paar Websites einrichten, um unsere Projekte mit früheren WordPress-Versionen zu testen, in diesem Fall 4.3 und 4.2. Zu diesem Zeitpunkt hatten wir nur local.wordpress-trunk.dev up, das die nächtliche WordPress-, Beta- oder Release-Kandidat-Version (RC) hostet.

Das Erstellen und Einrichten einer lokalen Website erfordert in der Regel mehrere Schritte. Zuerst müssen wir die WordPress-Kopie herunterladen, extrahieren und in die Wurzel unserer einfügen localhost, Erstellen Sie eine Datenbank, führen Sie die WordPress-Installation aus und ändern Sie die Hosts-Datei, um den Domänennamen zu registrieren. Wenn wir den Prozess zum Erstellen von drei oder mehr lokalen Websites nutzen, werden wir den Prozess bald als ineffizient zeitaufwändig finden.

Mit VVV und seiner Erweiterung VV, kurz für Variable VVV, Wir werden mit weniger Aufwand produktiver sein können. Lassen Sie uns einen Blick auf die Bereitstellung von VV werfen.

VV installieren

Da die Installation von VV unter OS X und Windows unterschiedlich ist, ist dieser Abschnitt in zwei Abschnitte unterteilt. Sie können sofort zu dem Bereich der Plattform springen, den Sie gerade verwenden.

VV unter OS X installieren

Die einfachste Möglichkeit, VV in OSX zu installieren, ist über Homebrew. Geben Sie einfach den folgenden Befehl ein.

brüh install bradp / vv / vv

VV unter Windows installieren

Unter Windows müssen Sie zunächst das VV-Repository irgendwo in Ihrem Computerverzeichnis klonen.

git clone https://github.com/bradp/vv.git vv

Dann brauchen wir Windows, um das zu erkennen vv Befehl.

Klicken Sie dazu mit der rechten Maustaste auf Arbeitsplatz oder Dieser PC, und wählen Sie aus Eigenschaften… . Dann geh zu Erweiterte Systemeinstellungen> Umgebungsvariablen. Wählen Sie "Pfad" aus der Liste der Systemvariablen und klicken Sie auf Bearbeiten… .

Ergänzen Sie die vv Verzeichnispfad, den Sie zuvor geklont haben. Zum Beispiel:C: \ Benutzer \ Thoriq \ Sites \ vv.

Einmal installiert, sollten wir Zugriff auf die erhalten vv Befehl global. Der Befehl ermöglicht es uns, neue WordPress-Installationen einzurichten und auszuführen, unter denen Sie die Details finden können vv --help Befehl.

In OS X: VV CLI Befehlsliste

In Windows kann auf die CLI sowohl über die Eingabeaufforderung (cmd.exe) als auch über das Bash-Git zugegriffen werden.

Erstellen einer neuen WordPress-Site

VV hat die Installation einer neuen WordPress-Site so einfach gemacht, dass Sie den folgenden Befehl eingeben:

vv erstellen

Nach der Ausführung werden einige Fragen zur Konfiguration der neuen Website gestellt, und zwar:

1. Benennen des Site-Verzeichnisses

Für MAMP-Benutzer ähnelt es dem Erstellen eines neuen Ordners im MAMP-Dokumentstammverzeichnis unter / MAMP / htdocs /. Dies ist der Ordner, in dem sich alle Website-Assets befinden. In diesem Schritt geben Sie den Namen des Verzeichnisses ohne Leerzeichen ein, vorzugsweise in Kleinbuchstaben, zum Beispiel:

2. Benennen der Domäne

Legen Sie die Domain für unsere neue Website fest. Eine Domain für eine lokale Website endet normalerweise mit einem der beiden .dev oder .lokal. In diesem Fall werde ich unsere nennen 42.wordpress.dev. Es ist eine Unterdomäne mit der Nummer 42, Dies bezieht sich auf die WordPress-Version 4.2.x, die wir installieren werden.

3. Legen Sie die WordPress-Version fest

Hier installieren wir WordPress 4.2.8, die letzte Iteration innerhalb des 4.2-Zweigs. Die vollständige Liste der WordPress-Versionen finden Sie auf der Seite Release-Archiv.

4. Aktivieren Sie Multisite

Es fragt uns, ob wir den WordPress-Multisite-Modus aktivieren möchten. Wir wählen aus N.

Die Unterstützung von WordPress Multisite für unsere Designs und Plugins hat vorerst nicht die oberste Priorität. Wenn wir jemals Projekte in der Multisite-Umgebung erstellen und testen müssen, können wir später eine andere Site unter einer neuen Domäne erstellen, z. mu.wordpress.dev.

5. WP-Inhalte

Das WordPress WP-Inhalt Das Verzeichnis enthält normalerweise eine Reihe von Unterverzeichnissen, z. B. Themes, Plugins und Upload-Verzeichnisse. Manchmal kann ich auch einige zusätzliche Ordner erstellen, um beliebige Dateien zu speichern. Wenn Sie einen voreingestellten Inhalt in einem Git-Repository haben, können Sie die URL eingeben und VV das Repository klonen lassen.

Für jetzt lassen wir es leer.

6. Importieren Sie SQL

Wir haben keine SQL-Datenbank zum Importieren, deshalb lassen wir diese Eingabeaufforderung leer. Wenn Sie jedoch einen haben, geben Sie den Verzeichnispfad an, in dem sich die SQL-Datei befindet, zum Beispiel: /Sites/db/wp.sql.

7. Standarddesigns und Plugins

WordPress enthält die Standarddesigns (z. B. TwentyFifteen, TwentySixteen usw.) und Plugins (Akismet und Hello Dolly), die wir häufig nicht verwenden werden. In diesem Schritt können wir bestehen y an die Aufforderung, VV mitzuteilen, sie vollständig zu entfernen.

8. Dummy-Inhalt

Wir können VV anweisen, Beispielinhalt von WPTest zu installieren. Es ist ein umfangreicher Inhalt mit Beiträgen, Seiten und Kommentaren. Dieser Inhalt kann nützlich sein, um fehlerhafte Ausrichtungen, Kompatibilitätsprobleme oder Fehler in unseren Designs und Plugins zu finden. Daher typ y.

9. WP_DEBUG

Wir werden es WP_DEBUG auf jeden Fall ermöglichen, WordPress PHP-Fehler während der Entwicklung drucken zu lassen. Daher typ y auf die Aufforderung.

10. Bestätigung

Stellen Sie abschließend sicher, dass alle definierten Konfigurationen korrekt sind, bevor VV mit der Installation fortfährt. Wenn alles gut aussieht, tippen Sie y fortfahren. Ansonsten geben Sie ein n Um die Operation abzubrechen, können Sie den Vorgang wiederholen vv erstellen von Anfang an.

Sobald dies geschehen ist, zeigt VV die Site sowie den Berechtigungsnachweis-Benutzernamen und das Kennwort an, um sich wie folgt anzumelden.

Wiederholen Sie diese Schritte, um die anderen zuvor genannten Sites im Abschnitt "Projekt-Briefing" dieses Tutorials zu installieren.

Projekte organisieren und synchronisieren

Wir haben jetzt mehrere Sites mit unterschiedlichen Umgebungen, um unsere Projekte, Themen oder Plugins zu testen. Die Anzahl unserer Standorte wird im Laufe der Zeit wachsen, bis zu dem Punkt, an dem das Kopieren der Projektverzeichnisse in diese Testumgebungen in diesen Testumgebungen ein unbequemes Unterfangen wäre.

Aus diesem Grund würden wir einen einzigen Ordner benötigen, in dem wir unser Projekt sofort auf diese Websites übertragen könnten, um unseren Workflow letztendlich besser zu organisieren.

Eine kurze Beschreibung der Laufwerkszuordnung

Mit Vagrant können wir Verzeichnisse mit der virtuellen Maschine synchronisieren. Tatsächlich setzt Vagrant eine ganz eigene Funktion unter der Haube ein. Wenn wir in die schauen Vagrantfile Unter dem Abschnitt "Laufwerkszuordnung" finden Sie eine Reihe von Verzeichnissen, einschließlich der www / wo alle Installationen unserer Standorte gehostet werden.

Zuordnen eines benutzerdefinierten Verzeichnisses

Zunächst müssen wir zwei Verzeichnisse erstellen, um unsere Plugins und Designs zu hosten. Sie können diese Verzeichnisse an beliebiger Stelle auf Ihrem Computer ablegen. In meinem Fall habe ich ein Verzeichnis dev Das enthält alle meine Projekte wie folgt.

. └── dev └── Bibliothek ├── Plugins └── Designs 

Dann registrieren wir die Karte dieser Verzeichnisse. Wir haben drei WordPress-Sites auf installiert local.wordpress.dev und local.wordpress-trunk.dev. Diese Verzeichnisse werden also zugeordnet, zeigen auf jedes Verzeichnis und synchronisieren es /Plugins/ und das / themen / Verzeichnis dieser Sites in der virtuellen Maschine.

Das Ändern der Standardsystemdatei sollte jedoch immer vermieden werden. Also anstatt das zu ändern Vagrantfile, Wir fügen die Mapping-Konfiguration in einer Datei mit dem Namen Benutzerdefinierte Datei-Blick in die Vagrantfile, In Zeile 241 werden wir feststellen, dass es geladen ist, um benutzerdefinierte Einstellungen anzuwenden oder die Standardkonfigurationen zu überschreiben.

Erstellen Sie die Benutzerdefinierte Datei Datei am selben Ort wie Vagrantfile.

. └── vvv └── Vagrantfile ├── Customfile 

Fügen Sie der Datei die folgenden Codezeilen hinzu, von denen ich sicher bin, dass sie selbsterklärend sind.

## Plugins config.vm.synced_folder "/ Benutzer / thoriq / Sites / dev / plugins /", "/ srv / www / wordpress-default / wp-content / plugins",: owner => "www-data",: mount_options => ["dmode = 775", "fmode = 774"] config.vm.synced_folder "/ Benutzer / thoriq / Sites / dev / plugins /" " ",: owner =>" www-data ",: mount_options => [" dmode = 775 "," fmode = 774 "] config.vm.synced_folder" / Benutzer / thoriq / Sites / dev / plugins / "," / srv / www / wordpress-42 / htdocs / wp-content / plugins ",: owner =>" www-data ",: mount_options => [" dmode = 775 "," fmode = 774 "] ## Themes config.vm .synced_folder "/ Users / thoriq / Sites / dev / themes /", "/ srv / www / wordpress-default / wp-content / themes",: owner => "www-data",: mount_options => ["dmode = 775 "," fmode = 774 "] config.vm.synced_folder" / Users / thoriq / Sites / dev / themes / "," / srv / www / wordpress-trunk / wp-content / themes ": Besitzer => "www-data",: mount_options => ["dmode = 775", "fmode = 774"] config.vm.synced_folder "/ Benutzer / thoriq / Sites / dev / themes /", "/ srv / www / wordpress- 42 / htdocs / wp-con Zelt / Themes ",: owner =>" www-data ",: mount_options => [" dmode = 775 "," fmode = 774 "] 

Laden Sie Vagrant neu auf vagrant reload, sonst vagrant up wenn es momentan nicht läuft Unsere Plugins und Themes in / dev / plugins / und / dev / themes / sollte jetzt in allen Sites aufgeführt sein.

Hinzufügen der GUI-Schicht

Zu diesem Zeitpunkt haben wir Vagrant und VVV in Betrieb genommen. Wir sind jetzt in der Lage, innerhalb weniger Minuten eine neue lokale Website zu erstellen, ohne das Durcheinander mit dem Herunterladen von WordPress zu jonglieren .Postleitzahl packen, entpacken und bearbeiten Gastgeber Dateieinträge.

Die meisten unserer Vorgänge bis zu diesem Punkt wurden über die Befehlszeilenschnittstelle ausgeführt. Es mag verständlicherweise ein wenig einschüchternd sein, besonders für diejenigen, die aus grafischen Schnittstellenanwendungen wie MAMP oder WAMP stammen. Es braucht Zeit, um sich daran zu gewöhnen.

Einige Vorgänge in Vagrant können jedoch durch ein GUI-Gegenstück ersetzt werden. Es gibt einige Erweiterungen, die Vagrant und VVV mit schönen GUI-Layern versehen und so einige Dinge so einfach wie einen Klick machen. Einige von ihnen umfassen:

Vagrant Dashboard

Das Vagrant Dashboard auf vvv.dev ist vielleicht ein Äquivalent zu MAMP localhost / MAMP / Seite, außer es erscheint in reinem Weiß.

Glücklicherweise können wir es mit einer Erweiterung beleben. Es gibt einige Möglichkeiten, und ich werde mich für das VVV-Dashboard entscheiden von oben nach unten. Um die Erweiterung bereitzustellen, navigieren Sie zu / www / default / Verzeichnis und ziehen Sie das Erweiterungs-Repository:

git clone https://github.com/topdown/VVV-Dashboard.git Dashboard

Dann kopieren /dashboard/dashboard-custom.php in / Standardeinstellungen /, wie folgt.

. ── Dashboard ├── Dashboard-custom.php (das angepasste Dashboard) ├── Datenbank-Admin ├── index.php ├── Memcached-Admin ├── Opcache-Status ├── Phpinfo └── Webgrind 

Vagrant muss nicht neu geladen werden. Aktualisieren Sie einfach das VVV-Dashboard unter vvv.dev. Sie sollten jetzt viele weitere Details zu unserer Vagrant-Konfiguration im Dashboard finden, neben der Auflistung der installierten Sites.

Kundenspezifisches VVV-Dashboard. 

Vagrant Manager

Ein anderes Dienstprogramm, das Sie installieren können, ist der Vagrant Manager.

Vagrant Manager ist mit MAMP und WAMP verwandt. In diesem Fall können Sie Vagrant mit wenigen Klicks ausführen, anhalten und erneut laden. Vagrant Manager ist in OS X über Homebrew Cask und die .dmg, und in Windows durch die .exe Installationspaket. Daher sollte die Installation der Anwendung ein Kinderspiel sein.

Sobald Vagrant Manager installiert ist und ausgeführt wird, finden Sie eine Liste Ihrer Vagrant-Konfigurationen und der aktuell aktiven.

phpMyAdmin

Vagrant wird auch mit integriertem phpMyAdmin geliefert, das unter vvv.dev/database-admin/ verfügbar ist. Ich bin jedoch kein Fan von phpMyAdmin. Abgesehen von der unschönen Schnittstelle ist es schwierig, eine Abfrage in einer riesigen Datenbank zu verarbeiten. Dies ist der Grund, warum ich lieber eine native Anwendung wie Sequel Pro oder SQL Workbench für Windows verwende. Zunächst müssen wir die Anwendung jedoch mit MySQL verbinden.

Verbindung zu MySQL mit Native Application

Hier verwende ich Sequel Pro für OS X. Die für MySQL-Verbindungen erforderlichen Anmeldeinformationen sind jedoch unabhängig von den verwendeten Anwendungen gültig. Sie sind gleich.

  • MySQL-Host127.0.0.1
  • MySQL-BenutzernameWurzel
  • MySQL-PasswortWurzel
  • SSH-Hostlocal.wordpress.dev (gilt auch für jede im VVV registrierte Domain)
  • SSH-BenutzerLandstreicher
  • SSH-PasswortLandstreicher

Wenn eine Warnung angezeigt wird (siehe unten), können Sie diese ignorieren und einfach auf "Ja" oder "OK" klicken, um fortzufahren. Wir stellen nur eine Verbindung zu einer virtuellen Maschine auf unserem eigenen Computer her, also sollten Sie sich keine Sorgen machen.

Sobald die Verbindung hergestellt ist, können wir die Datenbank unserer Websites sehen. Jetzt können wir einige Dinge tun, wie das Importieren und Exportieren einer Datenbank, oder möglicherweise einige SQL-Abfragen ausführen.

Was kommt als nächstes?

Wie bereits erwähnt, enthält VVV ein Paket von Tools, einschließlich PHP CodeSniffer, mit dem Sie Code-Audits für Ihre Projekte anhand der WordPress-Codierungsstandards durchführen können. Ich denke, dass Sie dies vor dem Projektstart tun sollten.

Da PHP CodeSniffer jedoch über den Rahmen dieses Tutorials hinausgeht, habe ich ein paar Referenzen zusammengestellt, die Ihnen den Einstieg in das Thema erleichtern.

  • Die WordPress Coding Standard Serie
  • PHP CodeSniffer Offizielles Wiki

Einpacken

Wir haben einen langen Weg zurückgelegt, um VVV einzurichten und um eine Reihe von Erweiterungen zu erweitern. Letztendlich rationalisiert es unseren Arbeitsablauf beim Erstellen einer neuen lokalen Site oder beim Testen von Umgebungen mit WordPress. Es kann jedoch einige Zeit dauern, sich daran zu gewöhnen. 

WordPress hat eine unglaublich aktive Wirtschaft. Es gibt Designs, Plugins, Bibliotheken und viele andere Produkte, mit deren Hilfe Sie Ihre Site und Ihr Projekt ausbauen können. Der Open-Source-Charakter der Plattform macht sie außerdem zu einer großartigen Option, mit der Sie Ihre Programmierkenntnisse verbessern können. In jedem Fall können Sie sehen, was auf dem Envato Marketplace verfügbar ist.

Ich hoffe, Sie finden dieses Tutorial als hilfreiche Referenz für den Einstieg in Vagrant und VVV.