Jak skonfigurować środowisko rozwoju lokalnego

Sep 12, 2025
Jak
Set up a local development environment
(Kredyt obrazu: przyszłość)

Lokalne środowisko programistyczne umożliwia korzystanie z własnej maszyny do uruchomienia witryny, zamiast używać jednego dostarczonego przez hosting firma. Możesz dostosować konfigurację bez niepokojącego, że wpłynie na Twoją stronę na żywo, a także tworzyć i przetestuj rozwój witryny przed przesłaniem witryny. Odbierając ryzyko podczas budowania czegoś sprawia, że ​​proces rozwoju jest znacznie mniej stresujący.

Kolejną korzyścią z pracy lokalnie jest to, że nie musisz być podłączony do Internetu. Jeśli masz wolno WiFi, lubisz pracować w ogrodzie lub podróżować, nie ma potrzeby wyszukiwania sygnału WiFi przez cały czas.

Czas spędzony na witrynie inscenizacyjnej i czekając, aż witryna odświeżenie naprawdę dodaje w dzień rozwoju. Lokalne środowisko pozwoli Ci skupić się na kodzie i zabawnych kawałkach stron internetowych budynków.

Ten samouczek zakłada, że ​​jesteś na komputerze Mac, a samouczek do rozpoczęcia rozpoczęcia z lokalizacją na tym. Dla alternatywy PC spróbuj Gospodarstwo rolne .

Podstawową znajomość terminalu jest dobre, chociaż powinieneś być w stanie śledzić, ponieważ polecenia są dość proste. Są głównie do zainstalowania i uruchomionych komponentów warunków wstępnych.

Po ukończeniu tego samouczka skonfigurowałeś PHP, Homebrew i Kompozytor na swoim kompozytorze, zainstalowany Valet i dowiedział się, jak skonfigurować lokalne strony.

Pobierz pliki. Dla tego samouczka.

  • 5 sposobów na przyspieszenie stron internetowych i aplikacji

01. Zainstaluj homebrew.

Set up a local development environment: Install Homebrew

Zacznij od instalacji homebrew z terminalu (Kredyt obrazu: Sush Kelly)

Pierwszym krokiem jest zainstalowanie homebrew. Wpisz następujące polecenie w terminalu. 

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

02. Zainstaluj PHP.

Set up a local development environment: Install PHP

Upewnij się, że Twoja pHP jest wersja 7 (Kredyt obrazu: Sush Kelly)

Następnie musimy zainstalować / uaktualnić do PHP7, więc sprawdź za pomocą PHP -V. Jeśli chcesz zainstalować, możesz wpisać: 

brew install homebrew/php/php70

Jeśli ponownie uruchomisz teraz okno terminala i wpisz PHP -V. Ponownie, powinien wyświetlić zainstalowane V7.

03. Zainstaluj kompozytor.

Musisz pobrać kompozytor, a następnie umieścić go w katalogu, który jest częścią twojej ścieżki. 

 PHP -R "Kopiuj (" https://getcomposer.org/installer "," kompozytor-setup.php ");"
php -R „, jeżeli (hash_file ( 'sha384', 'kompozytor setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {echo 'Instalator zweryfikowany';} else {echo 'Instalator uszkodzony'; odłączenie (" kompozytor konfiguracji. php ');} echo php_eol; "
PHP Composer-Setup.php
PHP -R "UNLINK (" kompozytor-setup.php ");"

04. Przejdź do swojej ścieżki

Set up a local development environment: Move to your PATH

Umieść kompozytor na swojej drodze (Kredyt obrazu: Sush Kelly)

Teraz przesuń kompozytor do katalogu w swojej drodze. Po zakończeniu możesz sprawdzić swój dostęp do niego, wpisując kompozytor-V. . 

 MV kompozytor.phar / USR / LOKALNE / BIN / Kompozytor

05. Sprawdź swoją ścieżkę

Jeśli wpiszesz Echo $ Path. , zobaczysz, co zawiera. Jeśli nie, wpisz następującą, aby go dodać. 

 Eksportuj ścieżkę = $ PATH: ~ / .composer / dostawca / bin

06. Wymagaj Valet Globalnie

Teraz mamy zainstalowane elementy, możemy uzyskać instalację apartamentów. Pierwszy. Sprawdźmy nic nie używać portu 80. Wpisz następujące czynności, a jeśli nic nie zwrócimy, dobrze się udamy. 

 NetStat -an | grep ".80" | Grep słuchać

07. Zainstaluj Valet.

Używamy kompozytora, aby zainstalować dla nas pakiet Valet, a następnie możemy uruchomić Instalacja Valet. . 

 Composerglobal wymaga Lavel / Valet
Unikaj instalacji

08. Katalogi Park / Unpark

Utwórz katalog do swoich witryn rozwojowych i powiedz Valetowi, aby je służyć. Należy pamiętać, że foldery w tym celu mogą być dostępne jako domeny Sub. 

 # Przenieś do katalogu projektów
CD ~ / Projekty / Valet /
Valet Park

09. Zapomnij katalogów.

W podobny sposób na parkowanie, jeśli nie chcesz już folderu, który służy przez Valet, użyj komendy zapomnij z katalogu. 

 Ze spacjami //
Valet zapomnij

10. Katalogi Link / Unlink

Możesz także linkować do katalogów. Pozwala to wybrać używaną nazwę. 

 CD ~ / Projekty / Valet / Subproject /
# Połącz katalog podprojektu, aby udostępnić na HiperLink "http://subproject.dev" hhttp: //subproject.dev
Subprojekt Valet Link

11. Udostępnij swoją witrynę światem

Możesz podzielić się lokalnym adresem URL do świata zewnętrznego. W katalogu projektu wpisz Udział Valet. I stworzy adres URL, którego możesz użyć.

12. Korzystanie z bazy danych

Musisz zainstalować bazę danych wyboru - do WordPress, możemy iść naprzód i zainstalować MySQL. 

 Brew zainstaluj MySQL

13. Wybierz narzędzie bazy danych

Dzięki konfiguracji bazy danych narzędzie do importowania i danych eksportowych jest przydatny, ponieważ nie mamy phpmyadmin ani podobnego do lotu, ponieważ jest tak lekki.

14. Pobierz Sequel Pro

Set up a local development environment: Download Sequel Pro

Sequel Pro to proste narzędzie bazy danych (Kredyt obrazu: Sequel Pro)

Używamy Sequel Pro, ponieważ oferuje prosty interfejs. Możesz Pobierz to tutaj .

15. Podłącz bazę danych

Korzystanie z ustawień domyślnych z MySQL, dodaj następujące dane i przetestuj połączenie. 

 Host: 127.0.0.1
Nazwa użytkownika: ROOT.
Hasło: (pozostaw puste)

16. Ustaw stronę WordPress

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

Zainstaluj rdzeń WordPress w katalogu Valet (Kredyt obrazu: Sush Kelly)

We wszystkim teraz, skonfiguruj witrynę WordPress. Utwórz nowy folder w katalogu serwisowym i zainstaluj rdzeń WordPress.

17. Dodaj bazę danych

Set up a local development environment: Add a database

Utwórz bazę danych w Sequel Pro (Kredyt obrazu: Sush Kelly)

W Sequel Pro, utwórz nową bazę danych o tej samej nazwie, jak utworzone folder. Zaktualizuj WP-CONFIG. Plik do pasa.

18. Sprawdź, że wszystko działa

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

Udaj się do przeglądarki i sprawdź, że działa (Kredyt obrazu: Sush Kelly)

Teraz, jeśli otworzysz przeglądarkę i przejdź do (Twój folder) .test Powinieneś zobaczyć ekran instalacji WordPress. Postępuj zgodnie z normy.

19. Rób to dalej

Valet nie tylko do uruchomienia instalacji WordPress, w rzeczywistości został pierwotnie utworzony dla rozwoju Lavel. Niezależnie od tego, czy budujesz coś na zamówienie w PHP lub za pomocą ram, możesz łatwo utworzyć nową stronę, tworząc nowy katalog w folderze głównym.

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

(Kredyt obrazu: przyszłość)

Dołącz do nas 26 września Generuj CSS. , Konferencja na zamówienie dla projektantów stron internetowych przyniósł do Ciere Bloq, Net and Web Designer. Oszczędzaj 50 GBP z biletem wczesnego ptaka, gdy rezerwujesz przed 15 sierpnia 2019 roku.

Ten artykuł został pierwotnie opublikowany w wydaniu 287 kreatywnego magazynu projektowania stron internetowych Projektant stron internetowych . Kup problem 287 tutaj lub Subskrybuj tutaj projektant stron internetowych .

Powiązane artykuły:

  • 40 Brilliant WordPress Tutoriale
  • Najlepsze usługi hostingowe WordPress w 2019 roku
  • 4 różne sposoby tworzenia makiety witryny

Jak - Najpopularniejsze artykuły

Adobe XD: Jak korzystać z funkcji Auto-Animate

Jak Sep 12, 2025

(Kredyt obrazu: Adobe) Pomimo późnego wejścia do gry prototypowania, Adobe XD jest jednym z najlepszych i najszybs..

Przeglądaj wizualizację danych z p5.js

Jak Sep 12, 2025

(Kredyt obrazu: Net Magazine) P5.Js jest najnowszą implementacją javascript słynnego pulpitu kreatywnego środowis..

Jak malować zamek ze SketchUp

Jak Sep 12, 2025

Istnieje szereg techniki sztuki. To może pomóc w twoim cyfrowym obrazie, ale nie ma zaprzeczenia 3d art...

Zaprojektuj wrażliwą witrynę o wymiarowaniu opartym na EM

Jak Sep 12, 2025

Prawdopodobnie słyszałeś, że należy użyć względnych jednostek do rozmiaru czcionki. Jest to dobra reguła dla dostępnego projektowania stron internetowych; Jeśli użytkownik zmienia..

Włącz zdjęcia do animacji 3D z Photoshopem

Jak Sep 12, 2025

Wszyscy mamy duży sklep wspomnień wykonanych jako zdjęcia i jest świetny, aby móc wspomnieć. Ale co jeśli mógłbyś iść..

Jak malować tradycyjną brytyjską scenę wsi

Jak Sep 12, 2025

Średniowieczne kościoły, zielone pastwiska i domy rolnicze z łupkiem są synonimem wiosek, które ścigają brytyjską wsi. T..

Utwórz efekt wody wlewając w realflow

Jak Sep 12, 2025

Ten samouczek pokazuje, jak symulować efekt wylewania płynnego. Istnieją różne oprogramowanie i wtyczki, których możesz u�..

5 sposobów na stworzenie większej liczby doświadczeń VR

Jak Sep 12, 2025

Wirtualna rzeczywistość nie jest dokładnie nowa, ale dopiero w ciągu ostatnich kilku lat technologia osiągnęła punkt, w kt..

Kategorie