WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

Codelobster — IDE для WordPress проектов

Предлагаю познакомится с бесплатным редактором кодов PHP, HTML, CSS, JavaScript и д.р. - Codelobster PHP Edition. Впрочем бесплатный он условно, потому что в бесплатной версии возможности ограничены и есть lite и pro версии. Однако в бесплатной версии можно очень многое, а также у вас есть 30 дней триала для использования всех возможностей бесплатно.

Codelobster представляет из себя полноценную IDE. Т.е. в нем можно редактировать как отдельные файл, так и создавать проекты, например темы или плагины WordPress. Бесплатные возможности, которые представляет Лобстер позволяют создавать проекты и пользоваться базовым функционалом программы. Это гораздо удобнее, чем делать тоже самое в каком-нибудь блокноте вроде notepad++. Удобнее потому что, создав проект у вас появляется возможности: удобно работать со всем файлами проекта; искать и заменять что-либо по всем файлам; вы видите структуру файлов и удобно можете переключаться между ними; программа показывает возможные ошибки кода; появляется контекстная документация к функциям PHP, JS, WP; появляется удобный автокомплит функций, методов, свойств и переменных во всех языках и т.д... В общем, все, что обычно предлагает полноценная IDE.

codelobster2

Важные возможности и преимущества 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 > Основное

codelobster-ex-1

Включение автокомплита для WordPress

codelobster-ex-2

Настройка темы подсветки кода

Можно конечно использовать базовую подсветку, но наверное для многих будет привычнее видеть тему расцветки кода из notepad++. Изменить тему можно в: Верхнее меню > Инструменты > Настройки > Редактор > Цвета > Цветовая схема

codelobster-settings

Настройка FTP соединения для проекта

«Лобстер» позволяет использовать популярные системы управления версиями - VCS (Version Control System), поддерживаются: GIT, SVN, TortoiseSVN, Mercurial. Для их работы нужно установить соответствующую систему (программу контроля версий) на компьютер и указать путь до программы в настройках «Лобстера». Такую настройку вы сможете легко сделать сами, если умеете работать с VCS. Описывать это тут не буду.

А сейчас я приведу пример синхронизации файлов проекта с файлами на удаленном сервере через FTP. Для этого нужно создать FTP соединение в «Лобстере»:

codelobster-ftp

А затем нужно выбрать созданное соединение в настройках проекта и указать конкретный путь до каталога проекта на сервере:

codelobster-ftp2

Готово, теперь при нажатии в проекте на кнопку "Выгрузить", вы быстро сможете обновлять файлы проекта на сервере.

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

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

Этот пример показывает как создать проект сайта на WordPres. Для этого жмем в верхнем меню: Проект > Создать проект...codelobster-create-proj

Теперь указываем данные подключения к БД и данные создаваемого сайта:

codelobster-create-proj2 codelobster-create-proj3 codelobster-create-proj4

Проект создан и выглядит он теперь вот так:

codelobster-create-proj5

Создавать проект удобно, потому что при создании Лобстер сам скачает последнюю версию WordPress, создаст указанную таблицу в БД, и установит сайт, для этого вам нужно будет указать лишь настройки подключения к БД, имя админа сайта и т.д. Кроме того, после создания проекта, при редактировании файлов темы или плагина, у вас появится контекстное описание любой WordPress функции при наведении на нее, также автоматически будет включен автокомплит для WP при написании кода.

codelobster-wp-cools

И наконец, будут доступны преимущества любого проекта: удобное переключение между файлами, поиск чего либо по всему проекту и т.д.

Видео

Установка и настройка CodeLobster

Опрос

Каким IDE или текстовым редактором пользуетесь?

* На правах рекламы

26 комментов
Полезные 2 Все
  • Arthur

    А чем не устраивает phpstorm?

    Ответить3 года назад #
    • Kama7482

      Ценой очевидно... У вас купленный? Эта IDE конечно далека от шторма, но тоже можно работать, на любителя.

      Ответить3 года назад #
      • Ильдар

        Поскольку рассматриваемая IDE условно бесплатная, то PhpStorm имеет место быть, т.к. имеет свою EAP (early access preview), которая полностью бесплатна. Понятно, что это не стабильные релизы, но лично у меня не так уж много проблем было, если точнее, то вообще не было критичных проблем, и пару раз он падал на ровном месте, что решалось перезапуском.

        И, на сколько я понял, рассматриваемый IDE не кроссплатформенный, а если вы активно разрабатываете web-сервисы, то рано или поздно приходите к мысли, что писать их лучше на той же архитектуре, на которой они работают на продакшене, т.е. linux.

        Да, к сожалению или к счастью, я сектант PhpStorm. Но в качестве «блокнота использую» sublime text 2.

        Ответить2.8 года назад #
  • Otshelnik-Fm202 cайт: otshelnik-fm.ru

    Тимур - а ты какой ide пользуешься в разработке?
    Я месяца три сижу на NetBeans, оставил Notepad++ для мелких правок. А в нетбинсе настроил систему систему версий через Git - выкатываю версии в приватный BitBucket - теперь все по взрослому))

    1
    Ответить3 года назад #
    • Kama7482

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

      1
      Ответить3 года назад #
    • Отдельный плюс (для меня лично) то, что в нетбинс очень просто сохранять файлы на "живую" просто загружая их через ftp прямо из редактора, плюс там же есть синхронизация.

      Громадный прирост в скорости разработки на мелком проэкте, который пилишь в одного.

      Минус в том, если машинка старая и слабая он тормозит...

      Ответитьгод назад #
  • campusboy3344 cайт: www.youtube.com/c/wpplus

    По ходу один я notepad++ пользуюсь laugh + emmet + Explorer + ещё парочку мелких дополнений для вёрстки. Пробовал ещё Atom, что-то не нашёл преимуществ.

    Ответить3 года назад #
    • Kama7482

      Ну нет, думаю не один ты... Я им тоже пользуюсь параллельно... А вообще, переходить на IDE рекомендую, на тот же Лобстер можно, чтобы от привычного notepad интерфейса не уходить. Остальное чет все платное и непривычное. Sublime Text 3 тоже интересный очень, но тоже платный... Лидер это конечно PhpStorm, однако дорогой весьма smile

      1
      Ответить3 года назад #
      • campusboy3344 cайт: www.youtube.com/c/wpplus

        Наверное, надо просто попробовать. Я ж по ютубу сужу, гляжу видео и не пойму в чем очевидное преимущество в сравнении с notepad++, которое бы мотивировало меня на переход. Ещё вот есть dreamweaver или как там его smile в 2011 я его использовал, он даже проверял работоспособность php и если что - визжал. Жаль, notepade не визжит, когда я забываю точку с запятой поставить хотя бы laugh

        Ответить3 года назад #
      • Otshelnik-Fm202 cайт: otshelnik-fm.ru

        Я тоже от нотпада отойти не смог - поэтому цветовую гамму (стили) перенес в нетбинс. Плюс от нетбинса такой - ошибки php (и другие ЯП) показывает, интеграция с Git (мне это важно было - все же пора взрослеть) и система проектов с внутренним поиском по проекту.

        Минус нетбинса пока один - не могу его подключить к удаленому серваку как notepad++ FTP - обязательно надо весь сервак заводить как проект. Но в принципе я не особо искал решение - может там проводник ftp и есть в виде плагина. Пока не критично. Один плагин пишу или тему - один проект. В принципе удобно

        Но плюсы перевешивают.

        1
        Ответить3 года назад #
      • campusboy3344 cайт: www.youtube.com/c/wpplus

        Сейчас перебираю разные IDE, попробовал Лобстер, Брекетс. В Нотепаде меня угнетает, что если более 500 строк кода, не важно какого, то плагин emmet начинает фризить. И чем больше строк, тем сильнее фриз. На 3к строк кода этот фриз до 5 секунд занимает, причем комп у меня мощный. В других IDE супер работает. Но в Нотепаде классно работают подсказки php - открыл скобку у функции, сразу подсказка, что в неё можно вписать, особенно классно, когда скачал обновленный php.xml с функциями wordpress, который, по сути, самому можно дорабатывать.

        У брекетс очень понравилось редактирование css, не заходя в сам файл. Но поддержка php плохая, но я так понял он и не для того был разработан. А ещё мне в нем не понравилось, что нельзя закрыть программу с несохраннёным документом, а потом открыть программу через время и продолжить редактироваться - надо обязательно принять решение сохранить или потерять изменения.

        У лобстера при неправильном коде php сразу визг - круто, но пока 30 дневная pro версия, поддержка WP тоже радует. Но через 30 дней надо будет помахать рукой удобству или отслюнявить сотню бакинских.

        В общем, у каждого редакторы свои крутости.

        Сейчас пробую Atom, пока нравится. До сих пор не определился, на что пересесть, сложный выбор, однако.

        1
        Ответить2.9 года назад #
        • Kama7482

          Оу, какие откровения smile Жду следующий коммент на эту тему. Читал с интересом bravo

          Ответить2.9 года назад #
      • Егор

        Sublime Text хоть и "условно-бесплатный", но эта условная бесплатность заключается в периодическом появлении окна с предложением его купить. При этом никакие функции не урезаются smile

        2
        Ответить2.8 года назад #
  • Wpsoul cайт: https:wpsoul.com

    Спасибо за наводку. Попробовал CL - в целом, неплохой редактор. Очень удобно реализована поддержка wordpress, в плане того, что есть автокомплит функций, а также сразу подсказки на кодекс. Удобный навигатор и настройщик окон. Но чем больше стал им пользоваться, тем больше недочетов находил.

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

    Во-вторых, я так и не смог найти функцию мультикурсора и мультивыделения

    В-третьих, оказалось, что он не выделяет конструкции вида

    Т.е. он считает их как обычной строкой и нельзя выделить весь такой блок и свернуть его

    Из комментов я попробовал phpstorm и в общем, пока что это лучшее что есть (до этого юзал ST3). В PS есть все что в ST3 + поддержка php и wordpress сразу из коробки, чего только стоит анализ хуков и возможность найти файл где лежит функция по клику. В общем, остался на phpstorm

    1
    Ответить2.9 года назад #
    • Wpsoul cайт: https:wpsoul.com

      конструкции вида

      <?php if($a):?>
      <?php endif;?>
      Ответить2.9 года назад #
    • campusboy3344 cайт: www.youtube.com/c/wpplus

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

      Разве этого нет в CL? Есть! Я даже больше скажу, только что проверил, имеем конструкцию:

      require_once WPCF7_PLUGIN_DIR . '/includes/functions.php';

      Что сделаешь Шторм, если через ctrl щёлкнуть по названию файла? Ничего! А CL перейдет на этот файл. Очень удобно. Щелчки по функциям, переменным и так далее также перекидывает на их определение - это вообще фишка всех IDE, между прочим.

      В целом, выбор IDE или редактора кода довольно субъективный процесс. Я перепробовал кучу таких программ и остановился на CL для программирования за его простоту, быстродействие и удобство. Кто-то выбор Шторм точно по таким же параметрам. Дело вкуса. Нет идеальной программы: у каждой есть минусы и плюсы, мы лишь выбираем, чем готовы пожертвовать в угоду других удобств.

      И да, мне тоже не хватает мультикурсора в CL. Надо бы фидбек сделать разработчику smile

      1
      Ответить2.3 года назад #
  • Ringal

    Ну не знаю, как по мне - notepad++ один из лучших в своём деле. Очень прост, очень удобен, работает быстро. Да и вообще, аналогов таких редакторов текста и кода очень много. Если погуглить, на каждом сайте идет описание. Тут к примеру. Очень нравится Sublime, тяжеловат по началу, но очень функционален. Много наслышан о Komodo, есть ли у вас статья про него? Почитал бы. Симпатичен Notepad++, но проголосовал за Sublime, уж очень он хорош!

    1
    Ответить2.9 года назад #
    • Kama7482

      Sublime платный, но да редактор очень классный, если бы я к нему изначально привык, то уже никуда бы с него не слез smile А Notepad++ я использую как дополнение, у него есть некоторые свои фишки, которые другими редакторами не поддерживаются.

      Ответить2.9 года назад #
      • что же конкретно вы имеете ввиду, неоднократно делая акцент на том, что ST платный? unknw

        Ответить2.7 года назад #
        • Kama7482

          Я намеками по возможности не занимаюсь и акценты такого рода не ставлю вообще... Поэтому я ничего не имею ввиду, кроме того что он позиционирует себя как платный продукт - это не хорошо не плохо - это просто так есть...

          Ответить2.7 года назад #
          • было неожиданностью дважды услышать слово "платный" в контексте:

            "Предлагаю познакомится с бесплатным редактором кодов...впрочем бесплатный он условно..30 дней триала для использования всех возможностей бесплатно.."(начало статьи)

            ИМХО обсуждая редакторы в подобном ключе справедливо и уместно отеметил
            Егор

            Sublime Text хоть и "условно-бесплатный", но эта условная бесплатность заключается в периодическом появлении окна с предложением его купить. При этом никакие функции не урезаются

            пока те же наблюдение и у меня, но я решил удостовериться, за тем и спросил, так что не обессудьте pardon

            Ответить2.7 года назад #
  • Windows

    Последнее время пользуюсь Sublime Text 3 + плагин Emmet и WordPress очень хорошо, а CodeLopster для WP проектов бесплатный ?

    Ответить2.8 года назад #
  • Wpsoul cайт: wpsoul.com

    после месяца экспериментов вернулся на старый и проверенный Sublime Text. Все эти навороченные плагины неплохо смотрятся в начале, но после увеличения проекта начинают жутко тормозить, даже на топовом ноуте. Никакие статьи и отключения всего - не помогли. ST быстрый и все что нужно в нем есть

    1
    Ответить2.3 года назад #
    • Kama7482

      Если бы я к нему привык, тоже бы не слез наверное. Он крут и быстр!

      Ответить2.3 года назад #
  • Stas cайт: www.codelobsteride.com

    Недавно вышла кросс-платформенная версия Codelobster IDE

    1
    Ответить1.1 года назад #
Здравствуйте, !     Войти . Зарегистрироваться