Як створити місцевий розвиток

Jan 19, 2026

Як

(Зображення кредиту: майбутнє)

Навколишнє середовище для місцевого розвитку дозволяє використовувати власну машину для запуску вашого веб-сайту, замість того, щоб використовувати один наданий веб хостинг Компанія. Ви можете налаштувати налаштування, не турбуючись, що це вплине на ваш живий сайт, а також зробити та тестування сайту, перш ніж завантажувати ваш сайт. Знявши ризик, коли будучи щось робить процес розробки набагато менш напруженим.

Ще однією перевагою робочого місця полягає в тому, що ви не повинні бути підключені до Інтернету. Якщо у вас є повільний WiFi, як би працювати в саду або подорожувати, немає необхідності шукати сигнал WiFi весь час.

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

Цей підручник передбачає, що ви знаходитесь на Mac, а підручник для початку роботи з Valet зосереджується на цьому. Для ПК альтернатива, спробуйте Садиба .

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

Після завершення цього підручника ви будете створювати PHP, HomeBrew та композитор на вашому комп'ютері, встановлений 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 "," композитор-setup.php ");"
PHP -r «, якщо (hash_file ( 'SHA384', 'композитор-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') {відлуння 'Монтажник перевірити';} ще {відлуння 'Монтажник корумповані'; Unlink (" композитор-установки. php ');} echo php_eol; "
php composer-setup.php
php -r "від'єднати (" композитор-setup.php ");"

04. Перемістіть до вашого шляху

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

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

 MV composer.phar / usr / місцевий / bin / composer

05. Перевірте свій шлях

Якщо ви вводите echo $ шлях , ви побачите, що він містить. Якщо це не так, то введіть наступне, щоб додати його.

 Експорт Шлях = $ Шлях: ~ / .composter / Vendor / Bin

06. Вимагати Valet Global

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

 Netstat -an | Grep "\ t80" | Grep слухати

07. Встановіть Valet

Ми використовуємо композитор для встановлення пакету Valet для нас, а потім ми можемо запустити установка Valet .

 Composerglobal вимагає Laravel / Valet
Встановлення Valet

08. Довідники Park / unkark

Створіть каталог для сайтів розробки та розкажіть, щоб обслуговувати їх. Зверніть увагу, що папки всередині цього можна отримати як суб-домени.

 # Перейти до каталогу проектів
CD ~ / Projects / Valet /
Park Park

09. Забудьте довідників

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

 з пробілами //
Valet Forget

10. Довідники посилання / від'єднання

Ви також можете пов'язати до каталогів. Це дозволяє вибрати назву, яке ви використовуєте.

 CD ~ / Projects / Valet / SubProject /
# Посилання каталогу підпроектів, щоб зробити його доступним у гіперпосилання "http://subproject.dev" \ hhttp: //subproject.dev
Підпроект Link Valet

11. Поділіться своїм сайтом зі світом

Ви можете поділитися своєю локальною URL-адресою DEV до зовнішнього світу. У каталозі проекту тип Долі І це створить URL-адресу, яку ви можете використовувати.

12. Використання бази даних

Вам потрібно буде встановити базу даних вибору - для WordPress, ми можемо йти вперед і встановити MySQL.

 Встановіть 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)

Тепер, якщо ви відкриваєте свій браузер, і перейдіть до (папку) Ви повинні побачити екран встановлення WordPress. Дотримуйтесь цього, як звичайно.

19. Приймаючи його далі

Valet не тільки для запуску WordPress встановлюється, він був фактично спочатку створений для розвитку історії. Незалежно від того, чи ви створюєте щось, що містить PHP або використовуючи рамку, ви можете легко створити новий сайт, створивши новий каталог для нього у вашій кореневій папці.

Generate CSS – the conference for web designers: 26 September, Rich Mix, Shoreditch, London — (Зображення кредиту: майбутнє)

Приєднуйтесь до нас 26 вересня Генерувати CSS , Представлена конференція для веб-дизайнерів, доведена до вас творчим блоком, мережею та веб-дизайнером. Зберегти 50 фунтів стерлінгів з раннього квитка птахів, коли ви бронюєте до 15 серпня 2019 року.

Ця стаття була опублікована у випуску 287 журналу Creative Web Design Веб-дизайнер . Купити проблему 287 тут або Підписатися на веб-дизайнер тут .

Пов'язані статті:

40 блискучих підручників WordPress
Найкращі служби хостингу WordPress у 2019 році
4 Різні способи створення макету веб-сайту

Як створити місцевий розвиток

01. Встановіть домашній беру

02. Встановіть PHP

03. Встановіть композитор

04. Перемістіть до вашого шляху

05. Перевірте свій шлях

06. Вимагати Valet Global

07. Встановіть Valet

08. Довідники Park / unkark

09. Забудьте довідників

10. Довідники посилання / від'єднання

11. Поділіться своїм сайтом зі світом

12. Використання бази даних

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

14. Завантажити Sequel Pro

15. Підключіть базу даних

16. Налаштуйте сайт WordPress

17. Додайте базу даних

18. Тест це все працює

19. Приймаючи його далі

Як - Найпопулярніші статті

Adobe XD: Як використовувати автоматичну функцію

Як налаштувати та оптимізувати свій Smugmug StoreFront

Створіть текстури з інструментом шаблону шаблону

Додати цифрові кольори до малюнків олівця

Зрозумійте, що імпортування активів єдності

Створіть багатокамерне зображення з Adobe CC

Намалюйте оригінальну карту Таро

Як зробити фотореалістичне небо

Категорії