Приблизительно полгода я пользуюсь прекрасным IDE от JetBrains — WebStorm (спасибо Hovl’у за наводку). Это кроссплатформенный инструмент для работы с веб-проектами, включающий в себя множество полезных функций, будучи при этом расширяемым!
Конечно, WebStorm – не единственная разработка JetBrains. Первой и основопологающей разработкой компании стала IntelliJ IDEA (IDE для Java), удобства которой унаследовались в остальных продуктах JetBrains. Именно поэтому, рассматриваемые в статье особенности WebStorm нередко применимы к другим IDE разработанным этой компанией.
Навигация
Моё знакомство с WebStorm произошло аккурат к старту проекта с достаточно обширной структурой. При этом опыта работы с подобным п/о у меня не было. Поэтому самой захватывающей особенностью для меня стала навигация. Очень здорово переместиться к функции (куда-то далеко от текущей позиции в проекте), прямо из упоминания о ней в коде, с помощью сочетания клавиши CTRL (CMD) и левой кнопки мыши:

Одинаково хорошо данная feature работает и для других типов кода. Например, значения атрибутов class или id указанные в HTML-коде; переход по ним осуществляется к соответствующему определению в привязанном к документу CSS-файлу (безусловно, в случае наличия в нём таковых).
Подсветка кода и проверка синтаксиса
Подстветка кода в IDE-утилитах – никакое не нововведение. И, конечно же, WebStorm не только указывает на возможные синтаксические ошибки в коде, но и отображает «сомнительные» участки активного файла рядом с бегунком прокрутки (как на изображении справа). При наведении мыши на такие маркеры будет отображено пояснение возможной синтаксической ошибки, а нажатие переместит к ней.
Более того, WebStorm за грамотное именование! При редактировании кода имена функций (переменных, и т.д.), названные не в соответствии со стандартами, подчёркиваются волнистой чертой (как бы намекая).
Синхронизация
WebStorm был успешно протестирован на предмет синхронизации с SVN. Однако учитывая особенности веб-разработки, здесь предусмотрена работа с удалёнными ресурсами используя FTP/SFTP. Специальный мастер подробно расспросит об удалённом проекте, после чего тот будет загружен на Ваш компьютер. Затем можно настроить IDE таким образом, чтобы вносимые в код изменения загружались на сервер автоматически, что весьма удобно!
Гибкость
Если же при работе с IDE, вдруг Вы столнётесь с какими-либо неудобствами (например, связанными с привычками в написании кода), нужно заметить, что WebStorm обладает огромным списком всевозможных настроек (настолько огромным, что предусмотрен поиск по ним).
Цена
Стоимость продукта для компаний и организаций составляет $149. Разработчики OpenSource-продуктов и студенты могут пользоваться IDE бесплатно. Однако оба из этих вариантов подразумевают подробный опрос о планируемых разработках и заполнение некоторого количества анкет.
Если Вы планируете использовать WebStorm в личных целях, лицензия обойдётся всего в $69. Для себя я выбрал этот вариант, предварительно поинтересовавшись, на какое количество компьютеров может быть установлен WebStorm с приобретаемым ключом. Ответ: любое количество, однако единовременно допускается работа только одного экземпляра программы (подразумевается 1 компьютер).
dobro
11.09.2010 в 14:08
Еще рекомендую aptana.com
Еще рекомендую настроить правильно tabIndex для этой формы