CodeLobster - полнофункциональная Joomla IDE
Профессиональная версия CodeLobster IDE имеет в своём составе отличный инструмент - модуль для работы с CMS Joomla.
Править PHP или HTML файлы, конечно, можно в любом редакторе, но встроенный Joomla plug-in расширяет возможности программы и преврашает Codelobster в полнофункциональную Joomla IDE.
Как правило, разработка сайта на Joomla начинается с довольно скучных, но необходимых шагов:
- Установка системы управления контентом, например, на локально запущеном сервере.
- Создание и настройка проекта в своей IDE.
И только потом, когда новая пустая версия CMS будет установлена, можно приступать к созданию темы для своего сайта или разработать модуль.
CodeLobster IDE позволяет объединить все этапы развёртывания проекта и сделать подготовку к работе непосредственно в среде IDE.
Приступаем к работе - создание проекта Joomla
Заускаем локальный HTTP сервер Apache и базу данных MySQL, для этого я использую комплект XAMPP - очень удобный набор программ для веб-разработчиков.
Всё, дальше можно работать в Codelobster и ни о чём не волноваться, даже скачивать CMS нам не прийдётся - обо всём позаботится программа.
Запускаем IDE и переходим в главное меню, пункт "Файл" -> "Новый" -> "Проект" для запуска мастера нового проекта.
В появившемся диалоговом окне указываем тип проекта "Создать пустой Joomla сайт".
В первую очередь вводим имя проекта "joomla-site" и выбираем путь к нему. Расположим проект в директории "htdocs" локального сервера.
Отмечаем пункт "Создать проект в новой папке". Что получилось в результате? Внимательно изучим диалоговое окно.
Путь к проекту "D:\xampp-portable\htdocs\" - в этой директории на локальном сервере будет создана папка для размещения всех исходных файлов проекта.
В последней строке - URL нашего нового сайта "http://localhost/joomla-site/", его мы будем использовать для тестирования и отладки.
Нажимаем "Ok". Дальше займёмся настройкой нового Joomla проекта.
Сразу же в первом диалоговом окне IDE предлагает нам выбрать версию Joomla.
Делаем свой выбор и нажимаем "Next".
На следующем шаге необходимо ввести параметры подключения к базе данных.
Вводим имя базы данных, которую IDE создаст для нас автоматически, а так же имя пользователя и пароль подключения к MySQL.
Переходим к следующему диалогу. В данном случае расширенные настройки менять не нужно, так как база данных тоже запущена локально.
Следуем далее. Мастер предлагает ввести учётные данные администратора нового сайта.
Указываем логин, пароль, адрес электронной почты и жмём "Next".
Следующий диалог позволяет настроить FTP доступ. В данном случае настраивать его не нужно, так как мы работаем с сервером на настольном компьютере и имеем полный доступ к исходным файлам. Пропускаем данный шаг и идём дальше.
На последнем этапе придумаем имя нашему сайту и введём его в первую строку. Остальные настройки оставим по умолчанию.
Нажимаем "Finish".
Мастер загружает самую новую версию Joomla с официального сайта, производит установку и настройку проекта и открывает его в среде программирования.
Чтобы начать редактировать проект, переходим в папку "templates", открываем папку "beez3" -> "components.php".
Для получения быстрой подсказки по функциям, достаточно только навести курсор на интересующий элемент.
Чтобы использовать автодополнение кода, установим курсор в требуемую позицию и нажимаем Ctrl + Пробел.
Таким образом мы имеем быстрый доступ ко всем переменным и функциям Joomla, это позволит ускорить и сделать более комфортным процесс разработки.
Прямо в ходе работы, не отвлекаясь, и не покидая программу можно использовать контекстную и динамическую помощь, если вам понадобится уточнить синтаксис Joomla API.
Так что, смело приступаем к реализации наших идей, Joomla plug-in для CodeLobster IDE предоставляет широкие возможности для создания профессиональных сайтов на Joomla.
Также в нем есть модули для других популярных фреймворков и систем управления контентом: Drupal, WordPress, Smarty, Twig, JQuery, CodeIgniter, CakePHP, Laravel, Symfony, Yii, Laravel, AngularJS.
Работу с этими популярными инструментами мы обязательно изучим в следующих статьях.