Редакторы кода для JavaScript

Пример кода JavaScript

Привожу обзор основных редакторов для написания кода на JavaScript, а следовательно и работы с HTML и CSS. Сам список взят мною с сайта javascript.ru . Написанное ниже является поверхностным взглядом непрофессионала и отражает лишь его впечатления. Все программы просматривались на виртуальной Windows 7.

Бесплатные:
•  Aptana Studio: site, Wiki (ru), Wiki (eng) - IDE, нуждается в установке Java Runtime Environment (Java Virtual Machine), что сделает самостоятельно. Базируется на Eclipse
•  Eclipse: site, Wiki (ru), Wiki (eng) - IDE, собсвенно, сам Eclipse, также нуждается в JVM, который здесь нужно установить вручную
•  Komodo Edit: site, Wiki (ru), Wiki (eng) - IDE, облегчённая версия Komodo IDE
•  NetBeans: site, Wiki (ru), Wiki (eng) - IDE, для работы с ней на PC должен быть установлен Sun JDK или J2EE SDK

•  Atom: site, Wiki (ru), Wiki (eng) - текстовый редактор, том числе поддерживается интеграция с Git
•  SciTE: site, Wiki (ru), Wiki (eng) - текстовый редактор
•  Notepad++: site, репозиторий, плагины, Wiki (ru), Wiki (eng) - текстовый редактор для Windows ReactOS)
•  Vim: site, Wiki (ru), Wiki (eng) - текстовый редактор для Linux. На Windows ставить не стоит.

Коммерческие:
•  WebStorm: site, Wiki (ru), Wiki (eng) - IDE, распространяется по подписке: 59$ за первый год, 35$ с третьего.
•  Visual Studio: site, Wiki (ru), Wiki (eng) - IDE для Windows, различные лицензии
•  Zend Studio: site, Wiki (ru), Wiki (eng) - IDE, 89$
•  Komodo IDE: site, Wiki (ru), Wiki (eng) - IDE, 147$
•  Sublime Text: site, Wiki (ru), Wiki (eng) - текстовый редактор, 70$

 

Теперь подробнее по бесплатным.

--- текстовые редакторы ---

Notepad++
я давно привыкла считать лучшим бесплатным редактором для Windows в своей средней категорий. Средней - это значит не IDE, но и не такие крошки, как многочисленные легковесные аналоги Блокнота. И все нижерасположенные редакторы я непроизвольно сравнивала с Notepad++. Функций много, богатая коллекция плагинов. Запись макросов, "document map" (обзор всего документа, помогающий в навигации по нему), прямой запуск файла в различных браузерах, сравнение двух файлов (с помощью плагина 'Compare plugin'). Можно организовать так любимые мною многостроковые окна поиска и замены (плагин ToolBucket).  Третьим рекомендуемым мною плагином является Explorer, позволяющий осуществлять навигацию по Проводнику со всеми традиционными действиями, раставлять там закладки, сохранять/загружать сессии и быстро открывать нужные сайты в браузере.

Рабочую зону Nodepad++ можно расщепить на 2 части, в том числе разместить в обоих частях один и тот же файл, получив возможность одновременно работать с двумя его местами. Программа умеет встраивать в в контексное меню Проводника свою ссылку, что позволяет моментально открыть в текстовом редакторе любые файлы. И всё это при малом размере программы - та всегда под рукой. Редактор требует определённого обучения и вникания, новичок растеряется. Многие плагины зелёные и неудобные в работе. При установке плагинов порой приходится разруливать конфликты горячих клавиш. Не хватает некоторых функций, которые имеются в полноценных IDE.

 

SciTE
похож на Notepad++. И это ожидаемо, учитывая, что в основе обоих редакторов находится компонент редактирования Scintilla. Собственно, SciTE и был создан автором Scintilla для демонстрации возможностей данного компонента. SciTE имеет меньший функционал и проще (что для кого-то минус, а для кого-то и плюс). В частности, я не обнаружила возможностей разделить окно редактора на два. Также в SciTE нет функции записи макросов. Нет библиотеки дополнительных плагинов. Труднее работать с многофайловыми проектами. Плюс SciTE - кроссплатформенность и большая лёгкость в освоении, по остальным показателям он Notepad++ проигрывает.

 

Atom
везде упомянут как редактор, но я бы причислила его к IDE. И даже по меркам IDE он тяжеловесен. В виртуальной системе с Win7 и двумя гигабайтами оперативной памяти притормаживает. По функциям. Рабочую поверхность можно разделить на несколько окон: хоть по горизонтали, хоть по вертикали. Не обнаружены функции записи макросов и открытия редактируемого файла в браузере. Плагины имеются, но их немного, и не особо полезные. Плюс: грамотная, красивая и щадящая глаза расцветка синтаксиса, приятно смотреть. Скриншот пример кода, расположенный в начале этой статьи, сделан именно в нём. В целом Atom произвёл благоприятное впечатление, но создал ощущение неоптимизированности и сыроватости. В данный момент работа над ним активно продолжается.

(Примечание. В виртуальной машине при попытке закрыть программу постоянно вылетала ошибка. Запустить функции, связанные с Git, не получалось. Периодически происходило аварийное завершение работы во время рутинных действий. Но всё это я склонна относить к проблемам виртуальной машины, однако  другие редакторы в той же самой VM вели себя более покладисто.)

 

Vim
является любимым редактором профессиональных программистов, работающих в Linux-e. Сложен в освоении, зато предоставляет кучу возможностей. Тем же, кто предпочитает Windows, смотреть на него не стоит.

 

--- IDE ---

Komodo Edit
по меркам IDE содержит не так много команд, однако расположены они удобнее, чем в других программах. Отмечу сравнительно небольшой размер установочного дистрибутива: в два раз меньше, чем у Atom-а, позиционирующегося как редактор. Существует анализатор кода, в том числе позволяющий замечать недочёты, не являющиеся ошибками, но загрязняющие код (как то объявленные, но неиспользованные переменные или двойное объявление одной переменной). Ничего подобного в других бесплатных редакторах я не увидела. Однако многое этот анализатор не учитывает, выдаёт много мусора. Можно доустановить плагины (включая позволяющие напрямую работать с Git), однако я не смогла обнаружить на сайте редактора такого места, где бы эти плагины были собраны воедино с подробным описанием. Есть команда сравнения двух файлов, но реализована неудобно. Не увидела возможности составить дерева структуры файла, аналогичного реализованному в Aptana Studio.

 

Aptana Studio
содержит удобную навигацию по документу с помощью дерева структуры (outline). Свободно можно перетаскивать окна редактируемых документов между рабочими зонами, в том числе можно одну часть документа редактировать в одном окне, а другую в соседнем. Поиск и замена осуществляются не с помощью одностроковых полей, как в подавляющем большинстве программ, а с помощью многостроковых. Обожаю такой подход! Команда запуска файла во внешнем браузере. Набор инструментов для отладки. Можно провести сравнение двух файлов. Как-то можно работать с репозиториями, но здесь нужно покопаться. С самого начала предоставляется большой набор шаблонов для быстрой вставки классических конструкций. Хорошая справочная система (но только для знающих английский).
Минусы: не обнаружена возможность установки дополнительных плагинов (хотя создалось ощущение, что они и не нужны). Нет возможности записи и проигрывания макросов. Расцветка синтаксиса могла бы быть и лучше, мало распознаваемых смысловых компонентов. Темы оформления нецельные: отдельно внешняя тема, отдельно тема внутренних редакторов и отдельно некоторые элементы, относящиеся к общему оформлению Windows. И если у вас не полностью тёмная тема самой Windows, то не стоит выставлять тёмную тему в Aptana Studio. Команде разработчиков явно не хватает толкового дизайнера! Остро недостаёт возможности, когда при щелчке на слове все аналогичные его встречаемости в документе сразу же подсвечиваются (такое есть, к примеру, в Notepad++).  Если в файле произвести несколько изменений, а затем откатить их через Ctrl-Z, то файл по-прежнему может оставаться числиться, как изменённый, что сбивает с толку. Относительно скромен набор языков, для которых этот редактор применим: HTML, CSS, JavaScript, PHP, Python, Ruby, плюс несколько относительно малоизвестных. Нет таких как Java, C, C++, в отличие от NetBeans.

(Примечание. При установке я получала ошибку "Failed to correctly acquire installer_nodejs_windows.msi" вне зависимости от того, был на системе Node.js или нет. Исправила это установкой Node.js с адреса titanium-studio.s3.amazonaws.com . Другой  рекомендуемый способ: установить чуть более старую версию (к примеру отсюда) и совершить апгрейд, но у меня апгрейд не проходит.)

 

Eclipse
Вышеразобранная Aptana Studio базируется на нём, так что различий между ними немного. Точно также удобно реализованы работа с окнами, отладка, сравнение файлов. Однако у каждой программы свои небольшие плюсы и минусы. Eclipse значительно более универсален и помощью плагинов поддерживает почти все ведущие языки программирования, Aptana специализирована на web-разработке. В отличие от Aptana, в Eclipse относительно легко разобраться с Git, зато придётся покопаться в настройках, прежде чем удастся научить его напрямую открывать файлы в браузерах. Что есть в Aptana и чего мне так не хватает в Eclipse - это многостроковые поля для операций поиска и замены. Также в Eclipse не обнаружено библиотек со стандартными конструкциями. Хотя не исключаю, их можно отыскать среди многочисленных плагинов. Тем всего несколько, зато цельные и хорошо продуманные, удобное переключение. Понравилась тёмная тема (за исключением шрифта в некоторых местах меню). Программа тяжеловата. И особенно это чувствуется как раз на тёмной теме, где периодически проскакивает светлая подложка. Что касается подсвечивания аналогичных вхождений выделенного слова (что полностью отсутствует в Aptan-е), то в Eclipse нечто подобное есть, но вследствие того, что программа пытается изобразить неуместную здесь интеллектуальность, результат интуитивно не очевиден: отнотипные слова могут подсвечиваться, или не подсвечиваться, или подствечиваться лишь на некотором интервале.

Если сравнивать Aptana и Eclispse, то трудно выбрать. Это индивидуально. Вначале мне Aptana показалась немного более удобной для тех языков, которые она поддерживает, но после нескольких дней использования стала в ней разочаровываться. Возможно вследствие привычки к менее функциональному, но более хорошо усвоенному, быстрому и прогнозируемому Notepad++.

 

NetBeans
создал ощущение приложения, изначально создававшегося и заточенного на командную работу над большими цельными проектами. Уже в главном меню присутсвует целый раздел "Team" с вкладками первого уровня "Git", "Mercurial", "Subversion" (самые популярные репозитории). А вот как запихнуть в программу уже готовый проект из нескольких файлов и немного его поизменять для тестирования мне так и не удалось. Даже не удалось прикрепить эти файлы к созданному внутри NetBeans.

По функциям. Поиск и замена лишь с помощью одностроковых полей. Можно разнести документы по нескольким рабочим зонам и расщепить один документ на два окна, но выполнено это не так удобно, как в Aptana Studio. Имеется отладчик, гора всевозможных мудрёных профессиональных плагинов. Запись макросов. Можно одним нажатием запускать проект в браузере (проект, но не отдельно взятый файл). Вывод: это программа не для одиночек и не для командной работы непрофессиональных разработчиков. А что годится команде профессионалов - те знают и без меня.

 

--- Общий вывод ---

По сложившемуся впечатлению для написания кода на JavaScript я рекомендую Aptana Studio или Eclipse в качестве основной полноценной IDE и Notepad++ в качестве редактора среднего уровня (для Windows). Для Linux сказать не могу.

 


Отдельно упомяну программу Meld (Wiki eng, Wiki ru, оф.сайт), предназначенную для сравнения файлов и папок, а в перспективе и для их слияния.

Add new comment

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.