Jak nastavit místní rozvojové prostředí

Sep 14, 2025

jak

(Image Credit: budoucnost)

Místní vývojové prostředí umožňuje používat svůj vlastní stroj ke spuštění vašich webových stránek namísto použití web hosting společnost. Nastavení můžete přizpůsobit bez obav, že to bude mít vliv na vaše webové stránky, stejně jako rozvoj webu a testovacího webu před nahráním vašich stránek. Odběr rizika při budování něčeho činí proces vývoje mnohem méně stresující.

Další výhodou práce je místně, že nemusíte být připojeni k internetu. Pokud máte pomalé wifi, rádi pracujete v zahradě nebo cestujete, není třeba hledat wifi signál po celou dobu.

Čas strávený ftping do stagingu a čeká na vaše stránky, aby se obnovila skutečně dodává přes den vývoje. Místní prostředí vám umožní zaměřit se na kód a zábavné kousky budov webových stránek.

Tento výukový program předpokládá, že jste na Mac, a tutoriál pro začátek s komorníkem se zaměřuje na to. Pro alternativu PC zkuste Usedlost .

Základní znalost terminálu je dobré, i když byste měli být schopni následovat, protože příkazy jsou poměrně jednoduché. Oni jsou především instalovány a běží předčasné komponenty.

Po dokončení tohoto návodu budete mít na svém počítači nastavit PHP, homebrew a skladatel, nainstalovaný komorník a naučil se nastavit místní stránky.

Stáhněte si soubory pro tento tutoriál.

5 způsobů, jak urychlit své webové stránky a aplikace

01. Instalujte homebrew.

Set up a local development environment: Install Homebrew — Začněte instalací homebrew z terminálu (Image Credit: Sush Kelly)

První krok zde je instalovat homebrew. Do terminálu zadejte následující příkaz.

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

02. Instalace PHP.

Set up a local development environment: Install PHP — Ujistěte se, že váš PHP je verze 7 (Image Credit: Sush Kelly)

Dále potřebujeme instalovat / upgradovat na PHP7, takže zkontrolujte pomocí PHP -V. Pokud potřebujete nainstalovat, můžete zadat:

brew install homebrew/php/php70

Pokud nyní restartujete okno terminálu a zadejte PHP -proti Opět by mělo zobrazit instalaci V7.

03. Instalovat skladatele

Budete muset stáhnout skladatele a pak jej vložte do adresáře, který je součástí vaší cesty.

 PHP -R "Kopírovat ('https://getcomsposer.org/installer', 'composer-setup.php');
php -r „, pokud (hash_file ( 'SHA384', 'skladatel-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {echo 'instalační ověřena';} else {echo 'instalační poškozen'; unlink (" skladatel-setup. php ');} echo php_eol;
PHP COMPOSER-SETUP.PHP
php -r "un propos (" composer-setup.php ");"

04. Přechod na cestu

Set up a local development environment: Move to your PATH — Dejte skladatele do vaší cesty (Image Credit: Sush Kelly)

Nyní přesuňte Composer do adresáře v rámci vaší cesty. Po dokončení můžete zkontrolovat přístup k ní zadáním Composer-V. .

 MV COMPOSER.PHAR / USR / LOCAL / BIN / COMPOSER

05. Zkontrolujte cestu

Pokud zadáte echo $ cesta Uvidíte, co obsahuje. Pokud tomu tak není, zadejte následující příkaz přidat.

 Exportní cesta = $ Cesta: ~ / .Composer / Prodejce / Bin

06. Vyžadovat valet globálně

Nyní máme nainstalované kusy, můžeme se dostat na montážní komorník. První. Zkontrolujme nic nepři používání port 80. Zadejte následující a pokud nic nevrátí, jsme dobré jít.

 netstat -an | grep ".80" | grep poslouchat

07. Instalace valetu

Používáme skladatele pro instalaci balíčku Valetu pro nás, a pak můžeme běžet Instalace valetu .

 Composerglobal vyžaduje larelv / valet
Instalace valetu

08. Park / Uptaní adresáře

Vytvořte adresář pro vaše rozvojové stránky a řekněte jim valet, aby jim sloužil. Všimněte si, že složky uvnitř toho lze přistupovat jako sub domény.

 # Přesunout do adresáře projektů
CD ~ / Projekty / Valet /
Valet park

09. Zapomeňte na adresářům

Podobným způsobem, jak zaparkovat, pokud již nechcete, aby složka slouží přes Valet, jen použijte příkaz zapomenout z adresáře.

 S mezerami //
Valet zapomenout

10. LINK / UNINK DRANCHIE

Můžete také odkazovat na adresáře. To vám umožní vybrat jméno, které používáte.

 CD ~ / Projekty / Valet / Subproject /
# propojení adresáře podproúžení, aby byl přístupný na hypertextový odkaz "http://subproject.dev" hhttp: //subproject.dev
Subproject SUBPROCT

11. Sdílejte své stránky se světem

Můžete sdílet místní URL Dev na vnější svět. V adresáři vašeho projektu typu Share Share. A vytvoří adresu URL, kterou můžete použít.

12. Použití databáze

Budete muset nainstalovat databázi volby - pro WordPress, můžeme pokračovat a nainstalovat MySQL.

 Brew Instalovat MySQL

13. Vyberte databázový nástroj

S nastavením databáze je užitečný nástroj pro import a export dat, protože nemáme phpMyadmin nebo podobný s komorníkem, protože je to tak lehké.

14. Stáhnout pokračování pro

Set up a local development environment: Download Sequel Pro — Sequel Pro je přímočarý databázový nástroj (Image Credit: Sequel Pro)

Používáme Sequel Pro, protože nabízí jednoduché rozhraní. Můžeš Stáhněte si ho zde .

15. Připojte databázi

Pomocí výchozích nastavení z MySQL přidejte následující podrobnosti a otestujte připojení.

 Hostitel: 127.0.0.1
Uživatelské jméno: root.
Heslo: (ponechte prázdné)

16. Nastavte stránku WordPress

Set up a local development environment: Set up a WordPress site — Nainstalujte WordPress Core v adresáři Valet (Image Credit: Sush Kelly)

Se vším v místě, nastavte stránku WordPress. Vytvořit novou složku uvnitř adresáře valetu a nainstalovat Wordpress Core.

17. Přidat databázi

Set up a local development environment: Add a database — Vytvořit databázi v Sequel Pro (Image Credit: Sush Kelly)

V Sequel Pro vytvořte novou databázi se stejným názvem jako složka, kterou jste vytvořili. Aktualizovat WP-config. soubor.

18. Otestujte to všechno práce

Set up a local development environment: Test it's all working — Hlavu do prohlížeče a zkontrolujte, zda je to práce (Image Credit: Sush Kelly)

Nyní, pokud otevřete prohlížeč a přejděte na adresu (Vaše složka) .test Měli byste vidět obrazovku pro instalaci aplikace WordPress. Sledujte to jako normální.

19. Dále to brát

Valet není jen pro běh WordPress instalace, to bylo vlastně původně vytvořeno pro rozvoj larvice. Ať už budujete něco na míru v PHP nebo pomocí rámce, můžete snadno vytvořit nový web vytvořením nového adresáře pro něj v kořenové složce.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London — (Image Credit: budoucnost)

Připojte se k nám 26. září Generovat CSS. , Konference na zakázku pro webové designéry vám přináší kreativní bloq, netto a web designer. Ušetřit £ 50 s časnou jízdenkou, když si rezervujete před 15. srpna 2019.

Tento článek byl původně zveřejněn v čísle 287 časopisu Creative Web Design Web Designer. . Prodám vydání 287 zde nebo Přihlásit se zde web designer zde .

Související články:

40 brilantní wordpress tutoriály
Nejlepší WordPress Hosting Services v roce 2019
4 různé způsoby, jak vytvořit web maketa

Jak nastavit místní rozvojové prostředí

01. Instalujte homebrew.

02. Instalace PHP.

03. Instalovat skladatele

04. Přechod na cestu

05. Zkontrolujte cestu

06. Vyžadovat valet globálně

07. Instalace valetu

08. Park / Uptaní adresáře

09. Zapomeňte na adresářům

10. LINK / UNINK DRANCHIE

11. Sdílejte své stránky se světem

12. Použití databáze

13. Vyberte databázový nástroj

14. Stáhnout pokračování pro

15. Připojte databázi

16. Nastavte stránku WordPress

17. Přidat databázi

18. Otestujte to všechno práce

19. Dále to brát

jak - Nejoblíbenější články

Jak odstranit vrásky ve Photoshopu

Začněte s Gravem CMS

Vytvořit speciální tiskové úpravy v aplikaci InDesign

Nakreslete špatný zadek Geisha

Jak malovat magické zářící runy

5 tipů pro sochařství v double-rychlé době

10 Top Houdini tutoriály

Boost D3.JS grafy se SVG gradienty

Kategorie