Рабочее окружение веб-программиста в Windows

В этой статье мы рассмотрим какие программы нужны для комфортной разработки сайтов, настроим их и протестируем. Мы будем отталкиваться от того, что вы только начинающий программист, и ваш проект будет чуть более чем не большой. Как правило это сайты на CMS или типовые с использованием Frameworks. Поэтому в этой статье мы установим программы для работы и развернем каркас приложения на Laravel.

Программы для разработки сайта

Первое, с чем вам придется столкнуться, это текстовый редактор. Он нужен для того, чтобы комфортно можно было править файлы конфигураций . Я бы рекомендовал 2 самых популярных это Notepad++ и Sublime Text. Устанавливать оба не нужно выбирайте тот, с которым у вас уже был опыт. Мне по душе Notepad++ поэтому я буду устанавливать именно его.

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

Рис. 1.1 Окно Notepad++

Еще для работы вам понадобится удобный терминал и установленный Git. К счастью для этого нужно установить всего 1 программу (скачать можно по ссылке git-scm.com/download/win). После установки вы сможете пользоваться всеми возможностями Git либо через терминал, либо через оболочку.

Самое важное в этом списке конечно же сам сервер с интерпретатором PHP. Под Windows их есть также несколько это и Xampp, и Denwer, но самым удобным и простым на сегодня является Open Server (ospanel.io). На основе его мы и будем дальше производить все настройки. Мы выбрали его не только из за его простоты в управлении, но и через то, что вы можете настроить его максимально близко похожим к боевому серверу. На сайте вам будет предложено 3 сборки, нам для работы достаточно будет и PREMIUM версии. Программное обеспечение является бесплатным, поэтому пусть слово PREMIUM вас не пугает.

Для эффективного написания кода и его отладки так же понадобится IDE. Самые популярные IDE для PHP разработчика NetBeans (бесплатная) и PhpStorm (коммерческая). Я работал в обеих программах, и NetBeans мне показался не настолько удобен как PhpStorm поэтому для себя я выбрал PhpStorm. Дальше все настройки я буду показывать именно для PhpStorm.

Настройка PhpStorm и сервера

Перед настройкой самого окружения установим каркас нашего будущего сайта на основе фреймворка Laravel. Для этого нам понадобится композер. Создайте файл без названия с расширением “.bashrc” и поместите в корень Open Server, вместимость этого файла будет выполняться при инициализации терминала Git bash. Теперь в этом файле вы можете прописать алиасы для работы с композером (alias composer=‘php ~/modules/php/PHP-7.0/composer.phar’).

Склонируем каркас к себе в директорию. Откроем терминал (Мои закладки -> Git bash) перейдем в директорию с проектами и пропишем строку:

composer create-project --prefer-dist laravel/laravel project.name

Теперь настроим все на сервере. Перейдем в Open Server пункт меню “настройки” -> модули. Здесь вам нужно определится с обработчиком запросов (nginx, apache), для простоты мы будем использовать Apache-PHP-7, и версию php 7.2. Базу данных будем использовать MySQL 5.7.

Настроим домен для нашего тестового приложения. Переходим на вкладку “Домены” указываем директорию, в которой находится точка входа (для Laravel это project.name/public). Домен можете указать любой, чтобы не конфликтовать с реальными адресами я укажу адрес test.local. На этом пока что наш сервер настроен и мы можем нажать кнопку запустить или перезапустить, при этом в вашем хост файле автоматически пропишется запись на локальный адрес, и вы сможете открыть сайт в браузере.

Для простоты работы, и интеграции среды Open Server в PhpStorm, нужно в закладках Open Server добавить ссылку на исполняемый файл PhpStorm. И запускать приложение через Open Server.

В этом случае нам не нужно настраивать алиасы для PHP в Windows-е. Стоит только подключить Git bash к PhpStorm.

Но давайте по порядку. При запуске PhpStorm, создайте проект с существующим кодом, и укажите на папку с проектом. Теперь настроим удобный терминал для работы. Вам нужно выбрать файл sh.exe в директории установленного Git. Пример на скриншоте.

Завершающий этап в установке проекта это инициализация Git репозитория (git init), и синхронизация локального проекта с удаленным. В рамках данной статьи мы не будем углубляться в git. Если вам интересно узнать детальней о git, напишите об этом в комментарии, и мы подготовим для вас статью.

Давайте подведем итог. Мы установили базовый набор программ для эффективной разработки сайтов под ОС Windows. Нам осталось разобраться с отладкой приложения, и заливкой проекта на удаленный Git репозиторий. Очень важно чтобы вы оставили отзыв, как вам статья, стоит ли продолжать. И самое важное, если мы будем продолжать, какой проект нам с вами реализовать. Поэтому оставляйте ваши комментарии, делитесь статьей с друзьями, ну и встретимся с вами в следующих статьях.