Einrichten einer lokalen Entwicklungsumgebung

Jan 25, 2026
wie man
Set up a local development environment
(Bildkredite: Zukunft)

Mit einem lokalen Entwicklungsumfeld können Sie Ihre eigene Maschine verwenden, um Ihre Website auszuführen, anstatt eines von a bereitzustellen Web-Hosting Unternehmen. Sie können das Setup anpassen, ohne sich Sorgen zu machen, dass es sich um Ihr Live-Site auswirft, und die Entwicklung des Site-Standorts, bevor Sie Ihre Site hochladen. Das Entnahmerisiko beim Aufbau von etwas macht den Entwicklungsprozess viel weniger anstrengend.

Ein weiterer Vorteil des lokalen Arbeiten ist, dass Sie nicht mit dem Internet verbunden sein müssen. Wenn Sie langsames WLAN haben, möchten Sie möchten, wie sie im Garten arbeiten oder reisen, müssen Sie nicht immer nach einem WLAN-Signal suchen.

Die Zeit, die auf einen Staging-Standort aufgewendet wurde und darauf wartet, dass Ihre Website erfrischt wird, fügt wirklich einen Tag der Entwicklung hinzu. Eine lokale Umgebung lässt Sie auf den Code und den lustigen Bits von Bits von Websites konzentrieren.

Dieses Tutorial geht davon aus, dass Sie sich auf einem Mac befinden, und das Tutorial zum Beginn mit dem Valet konzentriert sich darauf. Für eine PC-Alternative versuchen Sie es Heimstätte .

Ein grundlegendes Kenntnis des Terminals ist gut, obwohl Sie entlang folgen können, da die Befehle ziemlich einfach sind. Sie sind hauptsächlich, um die installierten und laufenden Voraussetzungen installieren zu lassen.

Nach Abschluss dieses Tutorials haben Sie PHP, Homebrew und Komponist auf Ihrem Computer, installiert, installiert, und erfahren, wie Sie lokale Sites einrichten.

Laden Sie die Dateien herunter für dieses Tutorial.

  • 5 Möglichkeiten, Ihre Websites und Apps zu beschleunigen

01. Installieren von Homebrew.

Set up a local development environment: Install Homebrew

Beginnen Sie mit der Installation von Homebrew vom Terminal (Bildkredite: Sush Kelly)

Erster Schritt hier ist es, Homebrew zu installieren. Geben Sie den folgenden Befehl in Ihr Terminal ein. 

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

02. PHP installieren

Set up a local development environment: Install PHP

Stellen Sie sicher, dass Ihre PHP Version 7 ist (Bildkredite: Sush Kelly)

Als Nächstes müssen wir auf PHP7 installieren / ein Upgrade installieren, also überprüfen Sie die Verwendung von PHP -V. Wenn Sie installieren müssen, können Sie eingeben: 

brew install homebrew/php/php70

Wenn Sie jetzt Ihr Terminalfenster neu starten und PHP eingeben -V. Auch hier sollte es zeigen, dass V7 installiert ist.

03. Komponist installieren.

Sie müssen den Komponisten herunterladen und dann in ein Verzeichnis eingeben, das Teil Ihres Pfads ist. 

 PHP -R "copy ('https://getcomposer.org/installer', 'composer-setup.php');"
php -r „if (hash_file ( 'sha384', 'composer-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {echo 'Installer überprüft';} else {echo 'Installer korrupt'; unlink (" composer-Setup. PHP ');} echo php_eol; "
PHP Composer-Setup.php
PHP -R "Unlink (Composer-Setup.php ');"

04. Bewegen Sie sich auf Ihren Weg

Set up a local development environment: Move to your PATH

Setzen Sie den Komponisten in Ihren Pfad (Bildkredite: Sush Kelly)

Bewegen Sie den Komponisten jetzt in ein Verzeichnis in Ihrem Pfad. Sobald Sie fertig sind, können Sie Ihren Zugriff auf das Tippen überprüfen Komponist-V. . 

 MV Composer.phar / usr / local / bin / komposer

05. Überprüfen Sie Ihren Pfad

Wenn Sie eingeben Echo $ Pfad. , wir sehen, was es enthält. Wenn dies nicht der Fall ist, geben Sie Folgendes ein, um ihn hinzuzufügen. 

 Exportpfad = $ Pfad: ~ / .composer / vendor / bin

06. Erforderlichen Körner global

Jetzt haben wir die installierten Teile, wir können mit der Installation von Valet einsteigen. Zuerst. Lassen Sie uns nichts überprüfen, was Port 80 verwendet. Geben Sie Folgendes ein, und wenn es nichts zurückkehrt, sind wir gut zu gehen. 

 Netstat -an | Grep "\ .80" | Grep Hören Sie auf

07. Installieren Sie Valon.

Wir verwenden den Komponisten, um das Valet-Paket für uns zu installieren, und dann können wir laufen Valet install. . 

 Composerglobal erfordern Laravel / Valet
Valet installieren

08. Park / park-Verzeichnisse

Erstellen Sie ein Verzeichnis für Ihre Entwicklungsstandorte und informieren Sie den Valet, um sie zu dienen. Beachten Sie, dass Ordner darin enthalten sind, auf das als Subdomains zugegriffen werden kann. 

# Umzug in Ihr Projekte.
CD ~ / Projekte / Valet /
Valet Park

09. Vergessen Sie Verzeichnisse

Verwenden Sie auf ähnliche Weise, wenn Sie einen Ordner, der einen Ordner nicht mehr durch den Valet dienen möchten, den Befehl nicht den Befehl vergessen, indem Sie im Verzeichnis vergessen. 

 mit Leerzeichen //
Valet vergessen

10. VERBINDUNG / VERLETZUNGEN LINK / UNLEIN

Sie können auch auf Verzeichnisse verlinken. Dadurch können Sie den verwendeten Namen auswählen. 

 CD ~ / Projekte / Valet / Subprojekt /
# Verknüpfen Sie das Subprojektverzeichnis, um es auf Hyperlink "http://subproject.dev" \ hhttp: //subproject.dev zu erreichbaren
Valet Link Subproject

11. Teilen Sie Ihre Site mit der Welt

Sie können Ihre lokale Dev-URL in die Außenwelt teilen. Geben Sie im Verzeichnis Ihres Projekts ein Valet Teilen Und es erstellt eine URL, die Sie verwenden können.

12. Verwenden einer Datenbank

Sie müssen Ihre Datenbank Ihrer Wahl installieren - für WordPress können wir MySQL installieren und installieren. 

 Brew Installieren Sie MySQL

13. Wählen Sie ein Datenbankwerkzeug aus

Mit einer Datenbank eingerichtet ist ein Werkzeug zum Import- und Export von Daten nützlich, da wir kein PhpMyadmin oder ähnliches mit dem Valet haben, da es so leicht ist.

14. Download Sequel Pro

Set up a local development environment: Download Sequel Pro

Sequel Pro ist ein einfaches Datenbank-Tool (Bildkredite: Sequel Pro)

Wir verwenden Sequel Pro, da es eine einfache Schnittstelle bietet. Sie können hier herunterladen .

15. Verbinden Sie die Datenbank

Fügen Sie mit den Standardeinstellungen von MySQL die folgenden Angaben hinzu und testen Sie Ihre Verbindung. 

 Host: 127.0.0.1
Benutzername: root.
Passwort: (Lassen Sie leer)

16. Richten Sie eine WordPress-Site ein

Set up a local development environment: Set up a WordPress site

Installieren Sie den WordPress-Kern in Ihrem Valet-Verzeichnis (Bildkredite: Sush Kelly)

Mit allem an Ort und Stelle, einrichten Sie eine WordPress-Site ein. Erstellen Sie einen neuen Ordner in Ihrem Valet-Verzeichnis und installieren Sie den WordPress-Kern.

17. Fügen Sie eine Datenbank hinzu

Set up a local development environment: Add a database

Erstellen Sie eine Datenbank in Sequel Pro (Bildkredite: Sush Kelly)

Erstellen Sie in Sequel Pro eine neue Datenbank mit demselben Namen wie der von Ihnen erstellte Ordner. Aktualisieren Sie das wp-config Datei anpassen.

18. Testen Sie es alles

Set up a local development environment: Test it's all working

Kopf zum Browser und überprüfen Sie, ob es funktioniert (Bildkredite: Sush Kelly)

Wenn Sie jetzt Ihren Browser öffnen, und navigieren Sie zu (Ihr Ordner) .Stest Sie sollten den WordPress-Installationsbildschirm sehen. Folgen Sie diesem durch normal.

19. es weiter nehmen

Valet ist nicht nur für die Leitung von WordPress-Installationen, in denen er ursprünglich für die Entwicklung von Larwellen erstellt wurde. Egal, ob Sie in PHP etwas maßgeschneidert bauen oder ein Framework mithilfe eines Frameworks, können Sie leicht eine neue Site erstellen, indem Sie ein neues Verzeichnis für ihn in Ihrem Root-Ordner erstellen.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London

(Bildkredite: Zukunft)

Begleiten Sie uns am 26. September für Generieren Sie CSS. , eine maßgeschneiderte Konferenz für Webdesigner, die Sie von Creative Bloq, Net und Webdesigner mitgebracht haben. Sparen Sie £ 50 mit einem frühen Bird-Ticket, wenn Sie vor dem 15. August 2019 buchen.

Dieser Artikel wurde ursprünglich in Ausgabe 287 des kreativen Webdesign-Magazins veröffentlicht Webdesigner . AUSGABEN 287 Hier kaufen oder Abonnieren Sie den Webdesigner hier .

Zum Thema passende Artikel:

  • 40 brillante Wordpress-Tutorials
  • Die besten WordPress-Hosting-Services im Jahr 2019
  • 4 verschiedene Möglichkeiten, ein Website-Modell zu erstellen

wie man - Die beliebtesten Artikel

Wie drehen Sie den Tag in der Nacht in Photoshop

wie man Jan 25, 2026

Day-to-Night-Konvertierungen waren so lange da, solange Photoshop Anpassungsschichten hatte, aber das Mastering der Effekt erford..

Malen Sie einen schelmischen Hasen in Aquarell

wie man Jan 25, 2026

Nachdem Sie Zoologie studiert haben, waren Tiere und Wildtiere immer eine großartige Leidenschaft für mich und ich müde nie, sie zu malen. Wir haben das Glück, in der Landschaft Lincolnsh..

So simulieren Sie Explosionen in Maya

wie man Jan 25, 2026

Seite 1 von 2: Seite 1 Seite 1 Seite 2 ..

Farbe wie ein Impressionist

wie man Jan 25, 2026

Impressionistische Kunstwerk war frisch und spontan und hingerichtet mit mutigen Pinselstrichen, die nicht zu viel Details enthü..

Wie erstellt man eine vollseitige Website in Winkel

wie man Jan 25, 2026

Seite 1 von 4: Seite 1 Seite 1 Seite 2 Seite 3 ..

Wie erstellt man einen Snapchat-GeoFilter in Photoshop

wie man Jan 25, 2026

Die Kunden suchen ständig nach neuen Wegen, um sich mit dem Publikum zu engagieren. Snapchat-Geofiler - Special Communicative Overlays - sind eine großartige Möglichkeit, um eine Marke vor..

Schärfen Sie Ihre Stillleben-Malerei-Fähigkeiten

wie man Jan 25, 2026

Es gibt nichts, was ich besser liebe, als draußen die Welt um mich herum zu malen, aber es war definitiv ein Kampf um mich, als ich zuerst Gouache begann. Arbeiten mit einem unbekannten Mice..

Erstellen Sie 3D-Feuereffekte

wie man Jan 25, 2026

Feuer, Überschwemmungen und Zerstörung sind einige der häufigsten Aufgaben, die den VFX-Künstlern und dabei gegeben werden ..

Kategorien