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

Опитування

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