Jak skonfigurować środowisko rozwoju lokalnego

Jan 19, 2026
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

Jak renderować realistyczne przezroczyste powierzchnie

Jak Jan 19, 2026

Tworzenie przezroczystego materiału, takiego jak szkło wydaje się łatwe - po prostu zwiększyć suwak przezroczystości do 10..

Jak zrobić i użyć mahlstick do malowania

Jak Jan 19, 2026

Mahlstick (lub Maulstick, jak to jest czasami znane), jest narzędzie wsparcia stabilizującego używane przez malarzy podczas pr..

Jak wytwarzać twarz animacji

Jak Jan 19, 2026

Kiedy byłem pierwszym uczeniem się tworzyć platformy postaci w Maya Way z powrotem w 2002 r. Podczas pracy na PlayStation 2 ty..

Jak skanować osobę w mniej niż pięć minut

Jak Jan 19, 2026

Nie masz dostępu do tablicy fotogrametrii, aby przeprowadzić Skanowanie 3D. ? Nie ma problemu, te wskazówki i s..

Popraw swoje umiejętności artystyczne w Photoshopie

Jak Jan 19, 2026

W tym warsztacie chciałbym pokazać Ci naprawdę zabawny sposób na szkicowanie postaci ze swojej wyobraźni. Pokażę ci, jak t..

Jak stopić obiekt 3D z trzema.js

Jak Jan 19, 2026

Web, jak to wiemy, stale się zmieniają i ewoluuje. Co nadal pamiętamy jako prosty i prosty medium zyskał inny wymiar kilka la..

Jak dodać zabawne tła CSS do swoich witryn

Jak Jan 19, 2026

Czas był tłem strony internetowej Był malutki obraz kafelkowy - i często ohydny, napaść o gałki oczne w każdym odwiedzaj�..

Jak narysować Harley Quinn

Jak Jan 19, 2026

Dla mnie, apelacja cyfrowego Techniki malowania są proste. W przeciwieństwie do tradycyjnych mediów, mogę stwo..

Kategorie