Настраиваем Eclipse для вэб-разработки

Сегодня хочу рассказать как собрать среду Eclipse для вэб-разработчика. Мы будем ее настраивать для работы с HTML, CSS, JavaScript, PHP и базами данных. А также расскажу о некоторых удобных фичах этой среды, точнее ее плагинов.

Хочу объяснить, почему я решил взять Eclipse - универсальную платформу для создания IDE. Вообще говоря, специально для вэб-разработки существует Aptana Studio, созданная тоже на базе Eclipse. Дело в том, что поддержка PHP в Aptana совсем не такая как хотелось бы, а вот в Eclipse есть уже довольно приличный плагин PHP Development Tools (PDT). К тому же для Eclipse существует огромное количество плагинов, о некоторых из них я сегодня расскажу.

Итак, приступим. Так как мы решили использовать PDT, то и начнем с него. Этот инструментарий требует дополнительно установить кучу различных библиотек, поэтому я советую качать вариант PDT-all-in-one, в котором содержится сама платформа Eclipse и все необходимые библиотеки. Распаковываем ее в нужное место и запускаем.

Переходим в Help->Software Updates, и выбираем вкладку Available Software. И здесь мы будем устанавливать дополнительные плагины. Нажимаем Add Site... и вставляем в поле Location ссылку, по которой Eclipse сможет находить обновления. Вот как у меня выглядит это окно с уже установленными плагинами:

Посетите сайт Eclipse Plugin Central - на нем вы найдете огромное количество плагинов. При просмотре информации о каком-то плагине, можно увидеть ссылку в таком виде: "Update Site URL: http://***" это и есть ссылка, которую необходимо добавлять в Eclipse. Ниже я перечислю достойные внимания, на мой взгляд, плагины (рядом указаны ссылки для добавления в Update Manger):

1. Aptana Studio. http://update.aptana.com/update/studio/3.2/

IDE для разработки на HTML, CSS, JavaScript, а также в качестве плагинов к ней можно установить PHP, Perl, Adobe Air, Ruby on Rails. Также можно выбрать и Ajax, JavaScript фреймворки, благо их достаточно.

2. Spket IDE. http://www.spket.com/update

Отличная IDE для написания JavaScript скриптов. Отлично расширяется различными фреймвроками документацией. Есть поддержка документации JSDoc. Для того чтобы добавить фреймворк зайдите в Widow->Preferences->Spket->JavaScript Profiles, нажмите New. Затем введите имя нового профиля. Нажмите Add Library, и укажите тип фреймворка. После этого нажмите AddFile и укажите путь к файлу библиотеки.

Подсказка. Для ExtJS нужно указать файл /source/ext.jsb в папке библиотеки. Так вам в режиме редактора будет доступная полная информация о методе, переменной, класс с описанием всем атрибутов и параметров.

Для библиотеки jQuery можно отсюда скачать файл, в котором содержится документированное описание функций. Оно тоже будет доступно в редакторе.

Если нет документации к библиотеке, то указывайте просто js-файл библиотеки (или несколько) и у вас будет доступен только список функций и параметов без документации.

3. AnyEdit Tools: http://andrei.gmxhome.de/eclipse/

Куча полезных и жизненно необходимых примочек для Eclipse.

4. Regex Util: http://regex-util.sourceforge.net/update/

Дополнительный вид (view) для тестирования регулярных выражений.

5. WebTools Project: http://download.eclipse.org/webtools/updates/

Платформа для веб-инструментов. Содержит в себе довольно неплохой XML редактор с поддержкой XML Schema, а также HTML/CSS/JavaScript редакторы, которым я предпочитаю Aptana и Spket.

6. DBViewer Plugin: http://www.ne.jp/asahi/zigen/home/plugin/dbviewer/

SQL клиент для большинства современных баз данных (в том числе для MySQL). Умеет показывать/редактировать структуру таблиц, показывать записи таблицы постранично, а также довольно удобный редактор SQL-запросов, в котором есть code assist по SQL-структурам и по данным вашей базы (то есть он будет подсказывать названия таблиц и полей из БД).

7. Azzurri Clay: http://www.azzurri.co.jp/eclipse/plugins

Проектирование БД. Позволяет создать блок-схемы со структурой и связями таблиц, а затем сгенерировать SQL-запросы для конкретной СУБД. Core версия бесплатная, за Pro нужно платить.

8. Remote System Explorer (RSE): Сайт для обновления уже добавлен по-умолчанию в Eclipse - он находится в разделе Ganymede Update Site / Uncategorized / Remote System Explorer
Плагин для работы с удаленными системами через FTP/SSH/Telnet. Позволяет редактировать файлы прямо на FTP/SSH сервере, локально сохраняя историю изменения файла, а также сам файл (чтобы его, в случае чего, можно было восстановить). Содержится в стандартном репозитории Ganymede (см. Remote Access and Device Development > Remote System Explorer End-User Runtime). Советую использовать его вместо Aptana FTP плагина, у которого есть проблемы с редактированим файлов не-Aptana редакторами.

9. Eclipse Colorer (у этого дополнения нет сайта для обновления, его нужно самому скачать, распаковать в папку eclipse/plugins/)

Подсветка синтаксиса для 150+ языков программирования, в том числе для Parser. Ставить надо версию 0.8.0, которой нет в update site.

Позже я расскажу о еще одном дополнении Eclipse - Ant. Этот плагин позволяет автоматизировать рутинную работу и по-настоящему может творить чудеса. К примеру, При Build'e проекта он скопирует все js и css файлы в отдельную папку, (может их даже объединить в один файл), сжать (удалив переводы строк, комментарии и сократив, по возможности, имена внутренних переменных и функций) и потом обновить файлы на удаленном ftp-сервере. Но об этом в следующий раз.