Найти в Дзене
Детские сказки

Что нужно для создания сайта?

Оглавление

Часть 2. Поговорим о Sublime Text и Open Server Panel.

Сегодня подробнее поговорим о наших основных помощниках. Начнем с тактового редактора Sublime Text. У него есть удобная навигация по коду в правом верхнем углу (рис. 1), которая позволяет быстро попасть в нужный фрагмент программы.

Рис. 1(быстрый доступ)
Рис. 1(быстрый доступ)

Как и в большинстве редакторов у Sublime Text есть возможность выравнивать код. К сожалению, горячих клавиш без плагинов нет, поэтому запоминаем путь Edit -> Line -> Reident наглядно показан на рис.2. Выравнивание не всегда работает так как хочется, но это намного удобней, чем вручную.

Рис.2
Рис.2

Как установить плагины в Sublime Text?

Для установки выполняем следующие шаги:

1. Открываем Package Control: Preferences > Package Control или Shift + Ctrl + P.

2. В появившемся поле вводим install чтобы найти пункт Package Control: Install Package. Выбираем его и нажимаем Enter.

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

На рисунках 3-5 показан пошаговый процесс добавления плагина AllAutocomplete.

Рис.3 (Расположение)
Рис.3 (Расположение)
Рис. 4 (Строка поиска)
Рис. 4 (Строка поиска)
Рис. 5 (Выбор нужного плагина)
Рис. 5 (Выбор нужного плагина)

Список лучших плагинов приведен на форуме ХАБР. https://habr.com/ru/post/235901/

Как добавить папку с проектом?

Все очень просто, создаем дерево папок из первой части переносим ее в текстовый редактор рис.6.

Рис.6 (сюда переносим папку)
Рис.6 (сюда переносим папку)

Горячие клавиши Sublime Text.

С полным списком можно ознакомиться на официальном сайте редактора: https://sublimetext.ru/documentation/hotkeys/windows

Этой информации достаточно, чтобы комфортно работать с Sublime Text.

Теперь быстренько пробежимся по Open Server Panel.

После установки приложения с официального сайта, у Вас появится папка OSPanel на диске.

Для запуска нажимаем на .exe файл (рис.7).

Рис.7 (файл .exe)
Рис.7 (файл .exe)

После чего находим флажок в правом нижнем углу и нажимаем на него, чтобы запустить сервер (рис.8-9).

Рис.8 (Флажок)
Рис.8 (Флажок)
Рис.9 (Запуск)
Рис.9 (Запуск)

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

В модулях указываем БД, с которой хотите работать и версию PHP (рис.10).

Рис.10 (настройка модулей)
Рис.10 (настройка модулей)

В меню указываем путь к браузеру, по умолчанию - это опера, и путь к текстовому редактору, по умолчанию - Sublime Text. Рис.11

Рис.11 (раздел меню)
Рис.11 (раздел меню)

Указываем кодировки для корректного отображения текста (Рис.12).

Рис.12 (кодировки)
Рис.12 (кодировки)

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

Теперь нужно добавить папку с нашем сайтом, чтобы Open Server Panel понимал, с чем ему работать. Для этого переносим папку с файлами OSPanel -> domains. В этой папке будут хранится все ваши проекты, которые будут находится в быстром доступе через флажок (рис.13).

Рис.13(Быстрый доступ к проекту)
Рис.13(Быстрый доступ к проекту)

Осталось сказать по вкладку «дополнительно» (рис.14).

Рис.14 (дополнительно)
Рис.14 (дополнительно)

В это вкладке Вы сможете найти информацию некоторых команд PHP, связанных с вашем ПК (PHP информация); заглянуть в админку БД (PHP Adminer); Настроить SQL менеджер(указать пути к нужным файлам); А также попасть в PHPmyAdmin (как правило, чтобы подключится ,нужно ввести логин: root и пароль: root, но как правило, пароль не указан и просто оставляем пустое поле). В нем будем создавать БД для наших проектов, подробнее рассмотрим в 3 части (https://dzen.ru/a/Y-U2_dcUDSzFr-05).

Спасибо, что дочитали до конца, надеюсь информация была полезной для вас, в следующей части рассмотрим программный инструмент администрирования PHPmyAdmin.