CodeLobster PHP Edition — среда разработки сайтов на PHP

Рубрика: Программы
22 октября 2015

Приветствую вас, дорогие читатели блога webcodius. Недавно в качестве редактора php-кода опробовал программу CodeLobster PHP Edition. Как оказалось редактор обладает множеством полезных возможностей и вполне тянет на полноценную интегрированную среду разработки (IDE) для PHP. Что самое интересное, CodeLobster может сильно упростить разработку web-проектов если вы используете различные фреймворки и CMS. Например, такие как Drupal, Joomla, JQuery, CakePHP, Yii, WordPress и другие. Далее немного подробнее о возможностях данного продукта.

CodeLobster PHP Editor

Сразу замечу, что CodeLobster PHP Edition  поставляется в трех версиях: бесплатная, Lite и Профессиональная:

Бесплатная версия обладает всеми минимальными функциями, которыми должна обладать любая IDE для разработки на PHP: подсветка синтаксиса для HTML, CSS, JavaScript и PHP кода, автодополнение, свертывание кода, подсветка парных тегов и скобок, менеджер проекта, отладчик PHP и другие полезные фишки.

В Lite версии к вышеперечисленным возможностям добавляется проверка кода на лету для HTML, CSS, PHP и др., SQL-менеджер, FTP-клиент, поддержка SASS и LESS, поддержка систем контроля версий, сравнение файлов и другие возможности.

При покупке профессиональной версии к возможностям бесплатной и Lite версий добавляется поддержка популярных фрейворков и CMS: Drupal CMS, Joomla CMS, Smarty engine, Twig, JQuery library, CodeIgniter, CakePHP, Laravel, Symfony, Yii и WordPress.

Скачать CodeLobster PHP Edition можно по ссылке. В течении 30 дней редактор работает в Профессиональном режиме. По истечении этого периода необходимо, либо получить бесплатный ключ через сайт CodeLobster-а, либо приобрести версию Lite или профессиональную версию.

Установка

Создаём сайт на фреймворке Yii 2.0

Установить CodeLobster можно практически на любую версию операционной системы Windows. Установка происходит стандартным способом:

  • щелкаете два раза левой клавишей мышки по скаченному файлу, запустится установка;
  • соглашаетесь с лицензионным соглашением, нажимаете кнопку «Next»;
  • выбираете папку установки, затем выбираете версию стандартную или Portable;
  • можно выбрать цветовую схему редактора, среди вариантов есть Notepad++, NetBeans, PHPEdit, PSPad, Zend и много других;
  • затем выбираете язык интерфейса, среди вариантов есть и русский;
  • и на последнем шаге выбираете компоненты для установки и нажимаете установить, ждете несколько секунд и CodeLobster PHP Edition установлен.

Интерфейс программы

Создаём сайт на фреймворке Yii 2.0

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

интерфейс

В прошлом я много работал с такими IDE как Visual Studio и NetBeans, которые имеют аналогичный интерфейс, поэтому переход на CodeLobster PHP Edition не вызвал у меня никаких проблем.

Возможности редактора

Создаём сайт на фреймворке Yii 2.0

Сам текстовый редактор имеет множество функций и возможностей:

1. Подсветка синтаксиса самых популярных языков для web-разработки: PHP, HTML, CSS, JavaScript. Подсветка кода также прекрасно работает и в файлах со смешанным кодом:

подсветка синтаксиса 

Каким цветом подсвечивать теги, ключевые слова, атрибуты, названия функций и др. можно настроить на свое усмотрение в разделе "Редактор" -> "Цвета" окна "Настройки", которое можно вызвать через меню "Инструменты" -> "Настройки...":

настройки редактора

 Кроме подсветки синтаксиса, CodeLobster умеет подсвечивать парные теги и скобки. Например, в PHP блоки кода обычно заключаются в фигурные скобки и установив курсов внутрь такого блока редактор подсвечивает соседние скобки. Тоже самое происходит и с парными тегами в HTML коде. Такие блоки кода можно сворачивать и разворачивать с помощью кнопок минус и плюс:

подсветка блоков кода

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

всплывающая подсказка

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

2. В редакторе мощная функция автодополнения для языков PHP, HTML, CSS, JavaScript. Т.е. вы начинаете набирать имя функции, тег, CSS-свойство и др. и сразу же появляется всплывающий список позволяющий быстро выбрать нужный вариант.

Причем для языков PHP и JavaScript всплывающий список содержит не только встроенные константы и функции, но и пользовательские функции, классы и переменные:

автодополнение

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

Если у вас профессиональная версия, то можно включить автодополнение для популярных CMS и PHP-фреймворков, таких как Joomla, WordPress, Drupal, CakePHP, Yii и др. Например, автодополнение для функций и аргументов WordPress :

автодополнение wordpress

С функцией автодополнения написание кода в CodeLobster PHP Editor значительно ускоряется.

3. Контекстная справка по всем поддерживаемым языкам. Устанавливаете курсор на функцию, атрибут или тег и при нажатии F1 появится список ссылок, щелкнув по одной из которых, на странице откроется подробное описание по текущему элементу с официального сайта при наличии интернета:

контекстная справка

Если интернета нет, то описание открывается с локальной справочной системы (MSDN или файл справки формата chm), которую только необходимо предварительно скачать и настроить:

настройка справки

При установке соответствующих плагинов контекстная справка также работает и для следующих CMS и фреймворков: AngularJS, CodeIgniter, Drupal API, Facebook API, JQuery, Joomla, Smarty, Twig, WordPress и Yii.

Кроме контекстной справки, при наведении курсора на функцию всплывает баллон с краткий описанием функции (на английском языке), что также очень удобно, если, например, точно не помнишь какие аргументы принимает функция или, что она возвращает:

всплывающая подсказка

4. Инспектор кода. Редактор Codelobster PHP Edition имеет три режима работы:

  • Code — собственно набор и редактирование кода.
  • Preview — предпросмотр результата работы кода, т.е. сразу в окне редактора вы можете увидеть результат работы кода, нажав закладку «preview»:

предпросмотр

  • inspector — так называемый инспектор кода, достаточно полезный режим работы с кодом. В этом режиме окно редактора делится на три области:

инспектор кода

В верхней области отображается результат работы кода, в нижней левой области происходит редактирование кода, а правой нижней отображаются CSS стили элементов веб страницы.

В этом режиме очень удобно работать с HTML кодом. Сильно упрощается поиск нужных участков кода, когда выделив нужный элемент в области предпросмотре сразу же отображается его код в левой области и правила CSS-стилей влияющих на него в правой области.

Режим инспектора также очень удобен при работе над темами для движков WordPress и Joomla:

инспектор Joomla

5. Наличие php отладчика, который позволяет отладить приложение  перед загрузкой на веб-сервер.

Работа с отладчиком ведется с помощью соответствующей панели инструментов:

отладчик php

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

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

6. Есть возможность объединить файлы в проект. Для этого идете в меню "Файл" -> "Новый" -> "Проект": 

меню создания проекта

Откроется окно создания проекта:

создание проекта

Можно создать простой PHP проект, а при наличии плагинов можно создать сайта с помощью CakePHP, CodeIgniter, Drupal, Joomla, Symfony, WordPress и Yii. В проекте можно создавать новые файлы или добавлять существующие. Объединив файлы в проект, легко осуществлять поиск нужных переменных, функций и классов, так как они группируются в структуру проекта:

структура проекта

При настроенном FTP соединении можно сразу же загружать проект на веб-сервер. Также можно подключить к проекту систему контроля версий типа GIT, SVN и др.

Из остальных возможностей можно отметить навигацию на описание функций и подключаемые файлы при нажатой клавише CTRL, превью в браузере, закладки, portable версия, всплывающая подсказка показывающее изображение и ее размер:

предпросмотр изображения

Вывод

Хватило даже поверхностного знакомства, чтобы понять, что CodeLobster PHP Editor достаточно хорошая и мощная среда для разработки на PHP. Она имеет множество инструментов для написания, отладки и тестирования кода. Отдельно отмечу совместимость с такими популярными CMS как Drupal, Joomla и фреймворками CakePHP, Yii, JQuery и др.

При работе над сложными и большими веб-проектами CodeLobster PHP Editor может стать хорошим инструментом. Осталось напомнить, что скачать и установить редактор можно совершенно бесплатно с сайта разработчика. На сайте также есть служба поддержки и форум, на котором можно узнать все нюансы работы с программой. На этом все, до новых встреч! 

Получай статьи почтой:

Похожие статьи:


Комментарии
  1. Дмитрий

    Спасибо за хорошую и информативную статью! =)

    19 ноября 2015 19:36
  2. abookz.net

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

    20 июня 2017 08:51

Оставить комментарий




Подписаться, не комментируя -