Codelobster — IDE для WordPress проектов
Предлагаю познакомится с бесплатным редактором кодов PHP, HTML, CSS, JavaScript и д.р. - Codelobster PHP Edition. Впрочем бесплатный он условно, потому что в бесплатной версии возможности ограничены и есть lite
и pro
версии. Однако в бесплатной версии можно очень многое, а также у вас есть 30 дней триала для использования всех возможностей бесплатно.
Codelobster представляет из себя полноценную IDE. Т.е. в нем можно редактировать как отдельные файл, так и создавать проекты, например темы или плагины WordPress. Бесплатные возможности, которые представляет Лобстер позволяют создавать проекты и пользоваться базовым функционалом программы. Это гораздо удобнее, чем делать тоже самое в каком-нибудь блокноте вроде notepad++. Удобнее потому что, создав проект у вас появляется возможности: удобно работать со всем файлами проекта; искать и заменять что-либо по всем файлам; вы видите структуру файлов и удобно можете переключаться между ними; программа показывает возможные ошибки кода; появляется контекстная документация к функциям PHP, JS, WP; появляется удобный автокомплит функций, методов, свойств и переменных во всех языках и т.д... В общем, все, что обычно предлагает полноценная IDE.
- Сайт: codelobster.com
- Язык: Английский, Русский и др.
- Система: Windows XP, Vista, 7, 8, 10
- Ссылка на скачивание последней версии
Важные возможности и преимущества Codelobster
-
Подсветка смешанного кода, когда в одном файле смешиваются разные типы данных HTML, PHP, CSS стили и JavaScript. Цветовые схемы можно настроить, есть стили популярных IDE.
-
Хороший автокомплит для HTML (HTML5), PHP, CSS (CSS3) и JavaScript. В PHP распознается структура проекта и выпадает весь список методов в нужных местах.
-
HTML/CSS инспектор, что-то вроде FireBug. Это позволить удобно сопоставлять выделенные элементы страницы с кодом и CSS стилями.
-
Контекстные подсказки по всем поддерживаемым языкам, в том числе по функция WordPress. По нажатию клавиши F1 открывается соответствующая страница официального сайта с описанием текущей функции, html тега, css аттрибута и т.д.
-
PHP дебаггер. PHP дебаггер позволяет пошагово выполнять PHP скрипты, отслеживая значения всех переменных в каждой строчке.
-
SQL менеджер позволяет производить все необходимые действия с базой данных - добавлять, удалять, редактировать структуру и записи в таблицах, экспортировать данные, выполнять SQL запросы. Для SQL файлов работает подсветка и автодопленние.
-
Поддержка FTP позволяет работать напрямую с удаленным сервером и делать все необходимые изменения, с предварительным просмотром результата.
-
Опция портабле позволяет использовать редактор без предварительной установки.
-
Остальные полезные фичи: парная подсветка, возможность выделения блоков, сворачивание кода, тултипы, навигация на описания функций и подключаемые файлы при удержании клавиши CTRL, просмотр структуры файла и проекта, превью в браузере, закладки, и остальные стандартные для IDE возможности.
- Специальные плагины для работы с:
- CMS: WordPress, Drupal, Joomla
- PHP фреймворками: CakePHP, CodeIgniter, Symfony, Yii, Laravel
- JavaScript библиотекой JQuery
- Шаблонизатором Smarty, Twig
Немного про настройки
До создания проекта и любых других действий, нужно настроить программу.
Переключение IDE в кодировку UTF-8
Для этого в верхнем меню зайдите в: Инструменты > Настройки > IDE > Основное
Включение автокомплита для WordPress
Настройка темы подсветки кода
Можно конечно использовать базовую подсветку, но наверное для многих будет привычнее видеть тему расцветки кода из notepad++. Изменить тему можно в: Верхнее меню > Инструменты > Настройки > Редактор > Цвета > Цветовая схема
Настройка FTP соединения для проекта
«Лобстер» позволяет использовать популярные системы управления версиями - VCS (Version Control System), поддерживаются: GIT, SVN, TortoiseSVN, Mercurial. Для их работы нужно установить соответствующую систему (программу контроля версий) на компьютер и указать путь до программы в настройках «Лобстера». Такую настройку вы сможете легко сделать сами, если умеете работать с VCS. Описывать это тут не буду.
А сейчас я приведу пример синхронизации файлов проекта с файлами на удаленном сервере через FTP. Для этого нужно создать FTP соединение в «Лобстере»:
А затем нужно выбрать созданное соединение в настройках проекта и указать конкретный путь до каталога проекта на сервере:
Готово, теперь при нажатии в проекте на кнопку "Выгрузить", вы быстро сможете обновлять файлы проекта на сервере.
Пример создания WordPress проекта
После того, как мы изменили важные настройки, переходим к созданию проекта.
Этот пример показывает как создать проект сайта на WordPres. Для этого жмем в верхнем меню: Проект > Создать проект...
Теперь указываем данные подключения к БД и данные создаваемого сайта:
Проект создан и выглядит он теперь вот так:
Создавать проект удобно, потому что при создании Лобстер сам скачает последнюю версию WordPress, создаст указанную таблицу в БД, и установит сайт, для этого вам нужно будет указать лишь настройки подключения к БД, имя админа сайта и т.д. Кроме того, после создания проекта, при редактировании файлов темы или плагина, у вас появится контекстное описание любой WordPress функции при наведении на нее, также автоматически будет включен автокомплит для WP при написании кода.
И наконец, будут доступны преимущества любого проекта: удобное переключение между файлами, поиск чего либо по всему проекту и т.д.
Видео
Установка и настройка CodeLobster
Опрос
Каким IDE или текстовым редактором пользуетесь?
* На правах рекламы