Как да създадете местна среда за развитие

Създайте среда за местно развитие
(Кредит за изображение: бъдеще)

Местната среда за разработка ви позволява да използвате собствена машина, за да стартирате уебсайта си, вместо да използвате такава, предоставена от уеб хостинг компания. Можете да персонализирате настройката, без да се притеснявате, че това ще повлияе на вашия сайт на живо, както и да направите и тествате разработката на сайта, преди да качите сайта си. Отнемането на риск при изграждането на нещо прави процеса на развитие много по-малко стресиращ.

Друго предимство на работата на местно ниво е, че не е нужно да сте свързани с интернет. Ако имате бавен wifi, искате да работите в градината или пътувате, няма нужда да търсите wifi сигнал през цялото време.

Времето, прекарано FTPing до начален сайт и изчакване на вашия сайт да се обнови, наистина се събира за един ден на разработка. Местната среда ще ви позволи да се съсредоточите върху кода и забавните части от изграждането на уебсайтове.



Този урок предполага, че сте на Mac и урокът за започване на работа с Valet се фокусира върху това. За алтернатива на компютър опитайте Чифлик .

Основните познания за терминала са добри, въпреки че трябва да можете да го следвате, тъй като всички команди са доста прости. Те са основно за инсталиране и изпълнение на необходимите компоненти.

След като завършите този урок, ще настроите PHP, Homebrew и Composer на вашата машина, ще инсталирате Valet и ще научите как да настроите локални сайтове.

Изтеглете файловете за този урок.

01. Инсталирайте Homebrew

Настройте локална среда за разработка: Инсталирайте Homebrew

Започнете, като инсталирате Homebrew от терминала(Кредит на изображението: Суш Кели)

Първата стъпка тук е да инсталирате Homebrew. Въведете следната команда във вашия терминал.

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

02. Инсталирайте PHP

Настройте локална среда за разработка: Инсталирайте PHP

Уверете се, че вашият PHP е версия 7(Кредит на изображението: Суш Кели)

След това трябва да инсталираме / надстроим до PHP7, така че проверете с помощта на php -v. Ако трябва да инсталирате, можете да въведете:

brew install homebrew/php/php70

Ако рестартирате прозореца на терминала сега и напишете php -v отново трябва да показва инсталиран v7.

03. Инсталирайте Composer

Ще трябва да изтеглите Composer и след това да го поставите в директория, която е част от вашия ПЪТ.

php -r 'copy('https://getcomposer.org/installer', 'composer-setup.php');' php -r 'if (hash_file('sha384', 'composer-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;' php composer-setup.php php -r 'unlink('composer-setup.php');'

04. Придвижете се до вашия ПЪТ

Настройте локална среда за развитие: Преместете се към вашия PATH

Поставете Composer във вашия ПЪТ(Кредит на изображението: Суш Кели)

Сега преместете Composer в директория във вашия ПЪТ. След като приключите, можете да проверите достъпа си до него, като напишете композитор-v .

mv composer.phar /usr/local/bin/composer

05. Проверете своя ПЪТ

Ако пишете echo $ PATH , ще видите какво съдържа. Ако не стане, напишете следното, за да го добавите.

export PATH=$PATH:~/.composer/vendor/bin

06. Изисквайте Valet глобално

Сега имаме инсталирани парчета, можем да продължим с инсталирането на Valet. Първо. нека проверим, че нищо не използва порт 80. Напишете следното и ако не върне нищо, сме готови.

netstat -an | grep '.80' | grep LISTEN

07. Инсталирайте Valet

Използваме Composer, за да инсталираме пакета Valet за нас и след това можем да стартираме инсталиране на камериер .

Composerglobal require laravel/valet valet install

08. Паркиране / депаркиране на директории

Създайте директория за сайтовете си за разработка и кажете на Valet да ги обслужва. Имайте предвид, че папките вътре в това могат да бъдат достъпни като поддомейни.

# move to your projects directory cd ~/projects/valet/ valet park

09. Забравете директориите

По подобен начин да паркирате, ако вече не искате дадена папка да се обслужва чрез Valet, просто използвайте команда за забрава от директорията.

with spaces // valet forget

Можете също така да се свържете с директории. Това ви позволява да изберете името, което използвате.

cd ~/projects/valet/subproject/ # link the subproject directory to make it accessible at HYPERLINK 'http://subproject.dev' hhttp://subproject.dev valet link subproject

11. Споделете вашия сайт със света

Можете да споделите вашия локален url адрес с външния свят. Въведете в директорията на вашия проект дял от камериера и ще създаде URL, който можете да използвате.

12. Използване на база данни

Ще трябва да инсталирате избраната от вас база данни - за WordPress можем да продължим и да инсталираме MySQL.

brew install mysql

13. Изберете инструмент за база данни

При създадена база данни е полезен инструмент за импортиране и експортиране на данни, тъй като нямаме phpMyAdmin или подобен с Valet, тъй като е толкова лек.

14. Изтеглете Sequel Pro

Настройте среда за местно развитие: Изтеглете Sequel Pro

Sequel Pro е ясен инструмент за бази данни(Кредит за изображение: Sequel Pro)

Използваме Sequel Pro, тъй като предлага прост интерфейс. Можеш изтеглете го тук .

15. Свържете базата данни

Използвайки настройките по подразбиране от MySQL, добавете следните подробности и тествайте връзката си.

Host: 127.0.0.1 Username: root Password: (leave blank)

16. Настройте WordPress сайт

Настройте локална среда за разработка: Настройте WordPress сайт

Инсталирайте WordPress Core във вашата директория на Valet(Кредит на изображението: Суш Кели)

С всичко, което вече е на мястото си, създайте WordPress сайт. Създайте нова папка във вашата директория на Valet и инсталирайте WordPress Core.

17. Добавете база данни

Настройте локална среда за разработка: Добавете база данни

Създайте база данни в Sequel Pro(Кредит на изображението: Суш Кели)

В Sequel Pro създайте нова база данни със същото име като създадената от вас папка. Актуализирайте wp-config досие за костюм.

18. Тествайте, че всичко работи

Настройте локална среда за разработка: Изпробвайте

Насочете се към браузъра и проверете дали работи(Кредит на изображението: Суш Кели)

Сега, ако отворите браузъра си и отидете до (вашата папка) .test трябва да видите екрана за инсталиране на WordPress. Следвайте това, както обикновено.

19. Вземайки го по-нататък

Valet не е само за изпълнение на инсталирания на WordPress, той всъщност е създаден първоначално за разработка на Laravel. Независимо дали създавате нещо по поръчка в PHP или използвате рамка, можете лесно да създадете нов сайт, като създадете нова директория за него във вашата основна папка.

Generate CSS - конференцията за уеб дизайнери: 26 септември, Rich Mix, Shoreditch, Лондон

(Кредит за изображение: бъдеще)

Присъединете се към нас на 26 септември за Генериране на CSS , поръчкова конференция за уеб дизайнери, представена от Creative Bloq, net и Web Designer. Спестете £ 50 с билет за ранни птици, когато резервирате преди 15 август 2019 г.

Тази статия първоначално е публикувана в брой 287 на списание за творчески уеб дизайн Уеб дизайнер . Купете брой 287 тук или абонирайте се за Web Designer тук .

Свързани статии: