Как создать местную среду развития

Sep 15, 2025

Инструкции

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

Местная среда разработки позволяет вам использовать собственную машину для запуска вашего сайта вместо того, чтобы использовать One, предоставляемый веб хостинг Компания. Вы можете настроить настройку, не беспокоясь о том, что она повлияет на ваш живой сайт, а также сделать разработку сайта, прежде чем загрузить свой сайт. Удаление риска при строительстве Что-то делает процесс разработки гораздо менее стрессовым.

Еще одним преимуществом работы на местном уровне является то, что вам не нужно подключаться к Интернету. Если у вас есть медленный WiFi, хотел бы работать в саду или путешествовать, нет необходимости поискать сигнал WiFi все время.

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

Это руководство предполагает, что вы на Mac, и учебник для начала работы с Valet фокусируется на этом. Для ПК Альтернативы, попробуйте Усадьба Отказ

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

После завершения этого учебника вы настроили PHP, Homebrew и Composer на вашем компьютере, установили Valet и узнали, как настроить локальные сайты.

Загрузите файлы Для этого учебника.

5 способов ускорить ваши сайты и приложения

01. Установите домощь

Set up a local development environment: Install Homebrew — Начните, устанавливая домеров из терминала (Образ кредита: Sush Kelly)

Первый шаг здесь - установить домощь. Введите следующую команду в вашем терминале.

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

02. Установите PHP.

Set up a local development environment: Install PHP — Убедитесь, что ваш PHP - версия 7 (Образ кредита: Sush Kelly)

Далее нам нужно установить / обновить до PHP7, поэтому проверьте с помощью PHP -V. Если вам нужно установить, вы можете напечатать:

brew install homebrew/php/php70

Если вы перезагрузите окно терминала сейчас и введите PHP -в Опять же, он должен отображаться V7.

03. Установите композитор

Вам нужно будет скачать композитор, а затем поставить его в каталог, который является частью вашего пути.

 PHP -R "Копировать ('https://getcomposer.org/Installer', 'composer-setup.php');"
PHP -r «, если (hash_file ( 'SHA384', 'композитор-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {эхо 'Установщик проверить';} еще {эхо 'Установщик коррумпированы'; Unlink (" композитор-установки. php ');} echo php_eol; "
PHP Composer-setup.php
PHP -R "Unlink ('composer-setup.php');"

04. Перейти к вашему пути

Set up a local development environment: Move to your PATH — Положите композитор на свой путь (Образ кредита: Sush Kelly)

Теперь переместите композитор в каталог в пределах вашего пути. После этого вы можете проверить свой доступ к нему, набрав Composer-V. Отказ

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

05. Проверьте свой путь

Если вы напечатаете echo $ path. Вы увидите, что он содержит. Если это не так, то введите следующее, чтобы добавить его.

 Путь экспорта = $ PATHOR: ~ / .COMPOSER / VENDOR / BIN

06. Требуется Valet глобально

Теперь у нас есть установленные кусочки, мы можем включаться с установкой Valet. Первый. Давайте не проверим, не использует порт 80. Введите следующее, и если он ничего не возвращается, мы добры к работе.

 Netstat --an | Греп "\ .80" | Greep Слушай

07. Установите Valet.

Мы используем композитор, чтобы установить для нас пакет Valet, а затем мы можем запустить alet install. Отказ

 ComposergLobal Требуется Laravel / Valet
Установка Valet

08. Парк / распаковывать каталоги

Создайте каталог для сайтов вашего развития и скажите Valet, чтобы обслуживать их. Обратите внимание, что папки внутри этого могут быть доступны в качестве дополнительных доменов.

 # Переместить в каталог ваших проектов
CD ~ / Projects / Valet /
Valet Park

09. Забудьте каталоги

Аналогичным образом парковаться, если вы больше не хотите, чтобы папка служить через Calet, просто используйте команду «Забудь» изнутри каталога.

 С пробелами //
Валь забыть

10. Ссылка / раскрытие каталогов

Вы также можете ссылаться на каталоги. Это позволяет вам выбрать имя, которое вы используете.

 CD ~ / Projects / Calet / SubProject /
# Связать каталог SubProject, чтобы сделать его доступным в гиперссылку «http://subproject.dev \ hhttp: //subproject.dev)
Salet Link Subproject

11. Поделитесь своим сайтом с миром

Вы можете поделиться своим локальным DEV URL для внешнего мира. В каталоге вашего проекта введите Доля сальников И это создаст URL-адрес, который вы можете использовать.

12. Использование базы данных

Вам нужно будет установить вашу базу данных выбора - для WordPress, мы можем идти вперед и установить mysql.

 Brew Установка MySQL

13. Выберите инструмент базы данных

С помощью создания базы данных инструмент для импорта и экспорта данных полезно, поскольку у нас нет PhpmyAdmin или аналогичны с помощью Valet, так как он настолько легкий.

14. Скачать Sequel Pro

Set up a local development environment: Download Sequel Pro — Sequel Pro - это простая база данных (Кредит на кредит: Sequel Pro)

Мы используем Sequel Pro, так как он предлагает простой интерфейс. Вы можете Скачайте это здесь Отказ

15. Подключите базу данных

Используя настройки по умолчанию из MySQL, добавьте следующие данные и проверьте ваше соединение.

 Хозяин: 127.0.0.1
Имя пользователя: root.
Пароль: (оставить пустым)

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

Set up a local development environment: Set up a WordPress site — Установите Core WordPress в вашем каталоге Valet (Образ кредита: Sush Kelly)

Со всем сейчас настройте сайт WordPress. Создайте новую папку в каталоге Valet и установите Core WordPress.

17. Добавить базу данных

Set up a local development environment: Add a database — Создать базу данных в Sequel Pro (Образ кредита: Sush Kelly)

В Sequel Pro создайте новую базу данных с тем же именем, что и папка, которую вы создали. Обновить wp-config. Файл в устранение.

18. Тест все это работает

Set up a local development environment: Test it's all working — Голова в браузер и проверьте его работает (Образ кредита: Sush Kelly)

Теперь, если вы открываете свой браузер и перейдите к (ваша папка) .test Вы должны увидеть экран установки WordPress. Следуйте по этому поводу, как обычно.

19. Принимая его дальше

VALET не только для работы WordPress устанавливается, он был фактически изначально создан для развития Larave. Независимо от того, создаете ли вы что-то на заказ в PHP или с помощью рамки, вы можете легко создать новый сайт, создав новый каталог для него в вашей корневой папке.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London — (Кредит на изображение: будущее)

Присоединяйтесь к нам 26 сентября для Генерировать CSS Конференция на заказ для веб-дизайнеров принесла вам Creative Bloq, Net и Web Designer. Сэкономьте 50 фунтов стерлингов с ранним билетом на птицу, когда вы забронируете до 15 августа 2019 года.

Эта статья была первоначально опубликована в выпуске 287 журнала Treative Web Design Веб-дизайнер Отказ Купить проблему 287 здесь или же Подписаться на веб-дизайнер здесь Отказ

Статьи по Теме:

40 Brilliant WordPress Учебники
Лучшие услуги хостинга WordPress в 2019 году
4 Различные способы создать макет сайта

Как создать местную среду развития

01. Установите домощь

02. Установите PHP.

03. Установите композитор

04. Перейти к вашему пути

05. Проверьте свой путь

06. Требуется Valet глобально

07. Установите Valet.

08. Парк / распаковывать каталоги

09. Забудьте каталоги

10. Ссылка / раскрытие каталогов

11. Поделитесь своим сайтом с миром

12. Использование базы данных

13. Выберите инструмент базы данных

14. Скачать Sequel Pro

15. Подключите базу данных

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

17. Добавить базу данных

18. Тест все это работает

19. Принимая его дальше

Инструкции - Самые популярные статьи

Рисунок Рисунок: руководство для начинающих

Основное руководство по обращению в искусстве

Как сделать логотип в Photoshop

Как сделать Mandelbulb

Начните с Rust

Создать технологию смещения векторной смещения

Краска выразительный натюрморт в акрилеке

Создайте приложение, которое собирает данные датчика

Категории