WebStorm — лучший IDE

Приблизительно полгода я пользуюсь прекрасным IDE от JetBrainsWebStorm (спасибо 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 компьютер).

Метки: , , ,

Поделись ссылкой!

Комментарии (6)


dobro
11.09.2010 в 14:08

Еще рекомендую aptana.com
Еще рекомендую настроить правильно tabIndex для этой формы


uoziod
11.09.2010 в 14:22

Спасибо! Поправлю в ближайшее время!)


Tenor
07.03.2011 в 01:50

Извиняюсь за глупый вопрос, но почему то у меня настройки сохраняются, но не применяются на действии.
То есть я ставлю, например, галочку «Around «=» in attribute», она там сохраняется. Но на деле, когда я начинаю писать какой-либо атрибут, появляется подсказка и я нажимаю Tab, пробелов нет, все пишется слитно, вот так: id=»".
Как сохранить или применить настройки, не могли бы подсказать? Я вообще не втыкаю… :(


uoziod
07.03.2011 в 17:28

А если не TAB а пробел нажимать?


Tenor
07.03.2011 в 18:50

uoziod, то же самое, пробовал.
Что на маке, что на писюке, одинаково себя ведёт, я что-то не так делаю наверное


uoziod
11.03.2011 в 17:49

хммм, без идей. у меня вроде всё работает, причём без ковыряний настроек…

Оставить комментарий

XHTML: Вы можете использовать эту разметку: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>