какой выбрать редактор кода для javascript

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

Материал на этой странице устарел, поэтому скрыт из оглавления сайта.

Более новая информация по этой теме находится на странице https://learn.javascript.ru/code-editors.

Для разработки обязательно нужен хороший редактор.

Выбранный вами редактор должен иметь в своём арсенале:

Термин IDE (Integrated Development Environment) – «интегрированная среда разработки», означает редактор, который расширен большим количеством «наворотов», умеет работать со вспомогательными системами, такими как багтрекер, контроль версий, и много чего ещё.

Как правило, IDE загружает весь проект целиком, поэтому может предоставлять автодополнение по функциям всего проекта, удобную навигацию по его файлам и т.п.

Если вы ещё не задумывались над выбором IDE, присмотритесь к следующим вариантам.

Почти все они, за исключением Visual Studio, кросс-платформенные.

Сортировка в этом списке ничего не означает. Выбор осуществляется по вкусу и по другим технологиям, которые нужно использовать вместе с JavaScript.

Большинство IDE – платные, с возможностью скачать и бесплатно использовать некоторое время. Но их стоимость, по сравнению с зарплатой веб-разработчика, невелика, поэтому ориентироваться можно на удобство.

Лёгкие редакторы

Лёгкие редакторы – не такие мощные, как IDE, но они быстрые и простые, мгновенно стартуют.

Основная сфера применения лёгкого редактора – мгновенно открыть нужный файл, чтобы что-то в нём поправить.

На практике «лёгкие» редакторы могут обладать большим количеством плагинов, так что граница между IDE и «лёгким» редактором размыта, спорить что именно редактор, а что IDE – не имеет смысла.

Мои редакторы

Лично мои любимые редакторы:

Если не знаете, что выбрать – можно посмотреть на них 😉

Не будем ссориться

В списках выше перечислены редакторы, которые использую я или мои знакомые – хорошие разработчики. Конечно, существуют и другие отличные редакторы, если вам что-то нравится – пользуйтесь.

Выбор редактора, как и любого инструмента, во многом индивидуален и зависит от ваших проектов, привычек, личных предпочтений.

Источник

Форум

Справочник

Редакторы Javascript

Как-то так получилось, что попользовав обширную пачку редакторов для javascript-проектов, я остановился на нескольких основных.

Webstorm

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

Я использую эти IDE для обычной разработки, а если нужно по-быстрому открыть файл, то что-нибудь полегче.

SCiTe

У него масса настроек, которые вместо обширных подменю хранятся в конфигурационных файлах с комментариями по каждой настройке.

Умеет подсвечивать и сворачивать-разворачивать блоки кода.

Базовое автодополнение. Поддержка юникода.

ActiveState Komodo

Его достоинства:

Кроссплатформенный

+ Работает под Linux/Windows стабильно.

Пачка различных вкусностей общего характера

+ Проекты
+ Интеграция с версионками (SVN. )
+ Удобный search & replace
+.

Для работы с javascript

+ code browser
+ подсветка
+ фолдинг
можно сворачивать-разворачивать блоки кода, причем на уровне любых операторов, а не только функций
+ автодополнение
в том числе, есть плагины для популярных JS-библиотек
+ open declaration позволяет быстро перейти на определение объекта.

Конечно, автодополнение для javascript везде корявое в той или иной степени, ввиду высокой динамичности языка.
Но худо-бедно, работает.

+ есть плагин для отладки javascript в Firefox. Оно работает, и явных глюков замечено не было.

JSEclipse

Для работы с javascript

Конечно же, оно еще жирнее Komodo и стартует тоже долго, но зато совершенно бесплатно.

На момент написания, с основного сайта скачивать совершенно бессмысленно, да еще регистрироваться надо.

У нее есть отличнейшее решение под навзванием Aptana Studio. Поставляется как в виде standalone плагина к ecplise, так и в виде самостоятельной сборки на основе последнего.

Стоит правда отметить что у нее есть 2 версии: платная и соответственно бесплатная. Радует что в беспланой версии остался весь необходимый набор для разработки.

Аптана сначала меня здорово вдохновила, но потом и здорово разонравилась.

PS: Меня удивляют люди, которые готовы подолгу копаться, и искать что-то методом тыка (а потом еще и перечислять среди недостатков то, что он там что-то не нашел), вместо того, что б за минуту найти ответ в Google.

Но Вы ответили только по одному пункту. Может быть человек методом «тыка» и искал нужный параметр в настройках, может он его не нашёл, но вот в недостатки он написал не только этот пункт. Кстати, в начале поста написано, что это разочарование именно для написавшего, т.е. это личное мнение и никого верить на слово никто не заставляет. Так что Ваш post scriptum не совсем уместен.

Если вы думаете, что я там не искал — вы здорово ошибаетесь. Не делайте из меня дурака.

Я там тоже искал и нашел.
Советую отнести обратно в магазин.

нет там такого поля. вам оно вероятно приснилось!

Есть еще один замечательный редактор разработанный нашем земляком (Igor Ivanov) – 1st JavaScript Editor.
Документация Здесь – http://www.yaldex.com/JSFactory_Pro.htm

Земляк-земляком, но программа без русского языка (хотя это не сильно нужно). Плюс не нашел как выставить кодировку UTF-8.

Почему при загрузке SciTE
http://scite.ruteam.ru
KIS 7 говорит что там троян Trojan-Downloader.JS.Gen?

А мне понравился SciTE. Ниче так. Тюнабельный

Сам пользуюсь Komodo. Тока стартует оно долго даже на хорошей машинке.
И подсветка кода там тормозит, если файл очень большой.

Этот редактор на XUL написан, как я слышал, поэтому и медленный.

А как насчет Dreamweaver? Есть ли смысл использовать такого зверя?=)

Глупый вопрос. Конечно умеет

«Adobe Dreamweaver CS3» + «jQuery API» (ext) — все что для счастья нужно разработчику интерфейсов потому как лучше редактора для XHTML не существует + привычная и удобная работа с «JavaScript» в том же окне с отличной подсветкой синтаксиса.

p.s. старые версии «Dreamweaver» не в счет.

p.p.s. обычно на «Dreamweaver» ругаются из-за отстутствия «автоиндента» для PHP и «JavaScript» — это не правда, он там есть, просто появляется для этих языков по «Ctrl+Space».

p.p.p.s. а еще «Dreamweaver» лучше всех работает с кодировками, попробуйте например в «Komodo Edit» из «win-1251» пересохранить файл в «utf-8» — все русские буквы превратятся в «кракозябры»

p.p.p.p.s. О существовании переключателя «code/design» забываем, работаем только в режиме «code».

Еще хочу отметить PSPad, http://www.pspad.com/ :
+ очень удобный search & replace (в т.ч. поиск/замена по папкам, сравнение файлов);
+ работа с кодировками, правильное автоопределение;
+ просмотр в браузере;
+ подствека/автодополнение, правда, немного хромают;
+ огромное количество предусмотренного фунционала (правда, чаще полезного для работы с HTML/CSS): от поиска парной скобки и таблицы кодов основных символов до записи макросов и «бредогенератора»;
+ продуманные закладки (переход по меткам строк);
— нет возможности сворачивать куски кода;
— тяжелая настройка (слишком много возможностей), на поиск добавления сигнатуры для utf-файлов как-то потратил пол-часа;
— плохо сделанное дерево файла (структура переменных/функций);
— если долго (2-3 суток) не вылючать, может глючить.

Пользуюсь бесплатным и фполне удобным NotePad++. Пока все устраивает

Quick Page 2008 3.0.6.126
Плюсы программы:

Пользуюсь PHP Expert Editor’ом 4.3, поскольку js в одиночестве не мучаю.

php-код подсвечивает аккуратно и выдаёт подсказки по синтаксису встроенных функций. Синтаксис встроенных функций js к сожалению не подсвечивает. Подсветка только зарезервированных слов, комментариев и строковых выражений (подсветка строк реализована не очень качественно, в частности, обход по закрывающим апострофам подглючивает на больших js-проектах).

Также из минусов: редактору иногда нравиться показать ошибку перед закрытием, но при этом есть возможность всё сохранить и закрыть редактор, а потом нажать на ОК в окне ошибки. После перезапуска окна ранее открытых проектов будут восстановлены.

Если вы разрабатываете веб-сайты и вам требуется программа для их написания, то лучше Quick Page 2008 3.0.6.126 на сегодняшний день нет. Во-первых, поддерживается масса языков, предназначенных для данных целей, включая PHP, JavaScript, VBScript, XML; во-вторых, множество полезных функций и возможностей. Продукт распространяется бесплатно, поэтому вам не придется тратиться на его приобретение, просто скачайте файл размером около 800 кб и установите Quick Page 2008 3.0.6.126 на свой компьютер. Помимо этого продукта, имеются и дополнительные инструменты, предназначенные для веб-мастеров: http://www.chpas.narod.ru/quickpage/tools/index.html. Quick Page 2008 3.0.6.126 можно бесплатно скачать по адресу: http://narod.ru/disk/3422421000/qp3_0_6_126.exe.html

Насчет ActiveState Komodo

Если ориентироваться не не IDE, а на редактор, то он есть и бесплатный
http://activestate.com/Products/komodo_ide/komodo_edit.mhtml

Из описания на этой странице:
Komodo Edit is a free, open source editor.
Dynamic language expertise for Perl, PHP, Python, Ruby, and Tcl, plus JavaScript, CSS, HTML, and XML, and template languages like RHTML, Template-Toolkit, HTML-Smarty and Django.

Здесь еще не упомянут С/С++.
Пользуюсь, вполне удовлетворен.

Adobe прибрало к рукам JSEclipse. Теперь он поставляется в комплекте с Flex и за деньги

Последнее время перешел на jEdit.
Сначала минусы:

В общем, основной плюс — богатая функциональность «из коробки» и хорошая возможность кастомизации.
Это пока что лучшее, что я видел для client-side разработки, кроме IntelliJ — но она платная и очень прожорливая. Характерно, что обе среды предназначались изначально для Java:)

Spket IDE на базе Eclipse.
Лично я нашел в нём всё, что искал долгое время. Мощный code complete, работа с библиотеками, JSDoc и пр.

+1 всё время разрываюсь между Spket и Aptana.Javascript.Editor.

так, что теперь редактор парсит и some_file.js, и знает об объектах и их методах
в этом файле.

UPD: Забыл упомянуть, что к сожалению, Spket не подключает файлы из симлинков на винде (созданные утилитой junction (SysinternalsSuite))
—————————————-
window.open(window.location);

Я пользуюсь Microsoft Visual studio 2008. Довольно удобно.

PHP, JS, Ruby в одном флаконе. Умеет работать с СУБД и онлайн-сервисами.
Встроенная поддержка некоторых популярных JS-библиотек (jQuery, prototype)
Плюс ещё очень много вкусных штук.

Могу добавить, что одна из вкусностей это отладчик JS. правда для этого плагин в браузер ставится. Но после можно пошагово отлаживать прямо в IDE. Пользуясь всеми благами среды.

Для работы с HTML/CSS есть отличное расширение ZenCoding

Плюс удобная работа через ftp, кеширование больше не напрягает и не вешает систему. Все гладко и комфортно. Советую.

P.S. Сам ожидал от него меньшего, потому затянул со знакомством.))

С уважением, Николай.

Eclipse
Плюсы:
* работа с проектом, в т.ч. смешанным (PHP/JScript/HTML/. );
* подсветка HTML, JavaScript, CSS, VBScript, PHP, Perl, Python, XML;
* контроль синтаксиса;
* экспорт-импорт настроек;
* возможность настройки расцветки синтаксиса, параметров редактора и среды;
* бесплатная;
* шустрая (только запускается не очень быстро);
* стабильная;
* не глючит (видел только 1 мелкий баг с раскраской замудрёного файла с кучей ошибок, после обновления прошло)

Майкрософт вижуал студио.

1. Интуитивно понятен(особенно в свете распространённости програм Майкрософта).

2. Добавляет закрывающие тэги.

3. Выделяет разными цветами важные элементы, что ускоряет поиск элементов в скрипте.

Не бесплатен (хе-хе), не кроссплатфоменен(у меня с 95го Виндоус и не жалуюсь, как то в универе был Юникс. ё-моё. всё, молчу, а то любители закидают спамом-флудом)))).

Словом, мелкий, но добротный скинтиллоид.

Firebug 1.4.5 (под FireFox 3.5.6) не понимает русские буквы в скрипте и значениях параметров тегов html. Как лечить?

— может глючить, например подсветка в свежеоткрытом файле иногда включается после редактирования
+ подсвечивает ошибки с предупреждениями, не только синтаксис, т. к. (емнип) сделан на основе javascript интерпретатора Rhino

— это emacs
+ это emacs

+Подсветка синтаксиса HTML, JS, PHP, CSS и т.д
+Подсветка повторов
+Одновременное переименование
+Работа с проектом (в том числе и смешанным)
+Навигатор по тегам
+Автоматически закрывающиеся теги и многое другое

-Долго запускается на слабых машинах

Ничего лучше JetBrains Web IDE не встречал.
Все реализовано очень качественно и удобно.

Хочу сказать пару слов в пользу jEdit

Это мощный универсальный редактор для программистов, который позволяет выполнять широчайший спектр операций над текстом. Есть сворачивание блоков кода, которое лучше всего работает в indent-режиме, можно быстро менять параметры текста (кодировка, символы конца строки, табуляция), есть метки, с которыми удобно работать, и сверхмощная система поиска и замены, которая позволяет искать по регулярным выражениям или нет, по текущему буферу, выделению, открытым файлам или в папке по маске, и к тому же обладает мозгом, достаточным для того, чтобы при замене foo на bar заменить Foo на Bar. Есть прямоугольное выделение, которое работает и работает удобно.

Для редактора существует множество плагинов в т.ч. для работы с проектами, что позволяет быстро переключаться между задачами. Есть внутренний скриптовый язык BeanShell, который по совместительству может использовать все java-классы, т.о. макросы приобретают новое звучание. Тотально настраиваем и есть памяти значительно меньше, чем тот же eclipse или komodo. Дополнительныи плюсом является то, что у редактора низкий порог вхождения при неограниченных возможностях развития.

Думаю, если бы писали emacs на java, то получился бы jEdit.
Использую jEdit для разработки на html + css, javascript, actionscript, php, python.

По мелочам использую Scite, ибо ну очень быстрый

WeBuilder

Не считая огромного количества приятных мелочей.

Единственный недостаток:
Стоит денег

А мне PsPad нравится.

Спасибо, поправил статью.

Как и все материалы сайта, статья поддерживается, редактируется и дополняется, чтобы сохранять актуальность.

Но, вообще, редактор это дело вкуса. Сейчас масса замечательных редакторов, и они развиваются.

Обратите внимание на комментарии.

Я знаю, что статьи актуальны и регулярно дополняются, просто я имел в виду, что заметил эту только сейчас. Большую часть редакторов из комментариев я пробовал и они мне не понравились. Scite ни на что другое пока менять не готов: он быстрый, легкий и настроен под меня.

Всё-таки плохо, что Dreamweaver забыли. ЭТО ВЕЩЬ. Подсказки по методам и свойствам, динамичиский просмотр и т.д.

Да, вот Dreamweaver действительной самый мощный!

.
тогда Visual Studio от MS мощнее :Р и не спорьте, это так. лучший на свете редактор кода. только дорогой и тяжелый, цук

Использую SharePoint Designer 2007 от Microsoft.

Если уж рассмотрели JSEclipse, то почему бы не замолвить словечко про Spket и Aptana?
P.S. Для того, чтобы полюбить Spket достаточно посмотреть его в работе

Notepad++

Возможно скрыть всё что между Begin. end / <>. / <. >/ т.д.
Возможно выбрать языки:

Free Javascript Editor лучший. Не просто подсветка синтаксиса но и сам синтаксис. То есть можно выбрать из многочисленных списков нужную конструкцию или функцию. Особенно удобно новичкам в языке. Бесплатный. Скоро сделаю описание редактора на сайте webencoder.ru

В платной версии Intellij Idea есть гениальная поддержка JavaScript. Идея действительно понимает язык, не смотря на его динамичность, так же, как она понимает Java.

Они на ходу строят дерево разбора, практически выполняют программу по ходу ее написания.

А почему никто не упоминает PHPStorm? На мой взгляд просто идеальная IDE.

PHPStrom на общей платформе IntelliJ IDEA основан.

Текстовый редактор Gedit идет обычно в стандартном пакете Linux с интерфейсом Gnome. Очень легкий, со хорошим стандартным набором подсветки для почти всех интерпретируемых языков и не нуждающийся в настройке. Вообщем недавно писал большой проект используя данный редактор и могу с уверенностью сказать, что данный вариант наиболее удобнее нежели навороченных с кучей инструментов, которыми в больших случаях никто не пользуется.

если бы была в нём проверка скрипта (синтаксическая ошибка, например.. переменную неверно написал) и автокомплит (завершение слов.. но и без него хорошо), я бы с него и не вылазил.

Представляю вам Adobe Dreamweaver CS5.5 Чем он лучше остальных? Давайте по порядку. 1) Автодополнение и подсветка jQuery. Про javascript я вообще молчу. Он даже подсказывает версию DOM. 2) Закрывающий тег в HTML добавляется только после комбинации

Sluchajno zabrel syuda, prochital vse kommentarii i ochen’ udivlen: A gde zhe Vim?

Pri zhelanii vmesto vstroennogo yazyka mozhno vospol’zovat’sya izvestnymi Python, Ruby, Perl, Lua.

MS Visual Studio 2012 + WebEssentials + JSLint = подсветка, авто дополнение как вашего кода, так и всех распространенных библиотек, проверка на этапе сохранения, вплоть до установки уровня критичности (проект не соберется пока не исправишь ворнинги), сборка одного файлы из нескольких JS файлов (bundles), оптимизация и минимизация. Аналогов не нашел.

Notepad++:
+ Скорость (Чего еще нужно)
+ Плагины (Чего только нет)
+ Подсветка (Всего чего только можно)
+ Удобная настройка стилей (Настройка красоты)
+ GNU (В исходниках можно научиться плохим словам

На этом редакторе я пишу всё, что только можно (C++/Java/HTML+CSS+JS = блокнот+shell рулит ), на других смотрю как на кривых. И всё таки автор её разрабатывает уже второй юбилейный

Все, разобрался: правый клик на нумерации строк и поставить галочку на «Use Soft Wraps»

Под Линукс, мне очень нравится редактор Geany. Подсветка, дополнения, работа в куче кодировок, учет всех файлов проекта, дописывание с их учетом и малый вес программы.

Источник

Как выбрать редактор кода для JavaScript

Хочешь проверить свои знания по фронтенду?

Подпишись на наш канал с тестами по HTML/CSS/JS в Telegram!

Перевод статьи «How to choose an editor for JavaScript».

Если вы еще только учитесь программировать, то выбор текстового редактора для написания кода является самым важным после выбора того, что вы собираетесь изучать.

Текстовый редактор это программа, которая помогает вам писать простой текст (без какого-либо форматирования) и сохранять его в файл. Хорошим примером является редактор Notepad в Windows.

Начав свое путешествие в мир программирования, вы быстро поймете, что именно в текстовом редакторе вы будете проводить большую часть времени, поскольку написание и редактирование исходного кода это основное занятие любого программиста. Вот почему важно выбрать редактор, который подойдет вам лучше всего и послужит вам поддержкой в учебном процессе.

Не все текстовые редакторы хорошо подходят для программирования. Тот же Notepad ничем не облегчает и не автоматизирует процесс редактирования кода.

Есть текстовые редакторы, созданные специально для написания и редактирования исходного кода. Их называют редакторами кода. Редактор кода может быть отдельной программой или встроенным в Интегрированную среду разработки (IDE).

Также есть редакторы кода в браузере. Яркими примерами являются CodePen, Web Maker и Plunker. Возможно, вы уже знакомы с некоторыми из этих онлайн-редакторов, поскольку их использование рекомендуется многими ресурсами оналйн-обучения, например, freeCodeCamp.

Тем не менее, если вы хотите подняться на новый уровень в программировании, вам нужно подумать о десктопной версии редактора, которая бы превосходила по функционалу уровень большинства онлайн-инструментов.

Глядя на обилие вариантов редакторов легко растеряться. Спросите пять человек и скорее всего получите пять разных ответов.

Если вы только приступаете к программированию, вам нужно выбрать редактор, который поддержит вас как новичка. Изучение программирования это сложное дело само по себе, поэтому вам стоит пользоваться любой помощью, какую только можете получить.

Цель этой статьи – помочь вам решить, какой редактор использовать для изучения программирования, причем особый упор сделан на программирование на JavaScript.

Что должно быть в редакторе кода

Писать текст и сохранять его в файл можно в любом редакторе кода. Во всем остальном вид редактора, который вы выбираете, зависит только от ваших личных предпочтений. Но есть несколько вещей, которые должны быть в вашем редакторе, чтобы он считался подходящим для разработки на JavaScript.

Подсветка синтаксиса

Буквально все редакторы кода поддерживают подсветку исходного кода различными цветами в зависимости от языка, с которым вы работаете. Это улучшает читаемость и помогает быстрее находить ошибки синтаксиса.

Вот, к примеру, отрывок кода без подсветки синтаксиса:

и тот же отрывок с подсветкой:

Автодополнение

Функция автодополнения кода предлагается многими редакторами. Она помогает ускорить процесс редактирования и уменьшить количество опечаток путем дополнения имен переменных, ключевых слов, классов и методов в рамках вашей программы.

Если вы новичок в программировании, я рекомендую отключить автодополнение в вашем редакторе и вместо этого печатать все вручную: так вы гораздо быстрее запомните синтаксис.

Но как только вы освоитесь со всеми основными ключевыми словами и встроенными методами, собственноручный набор всего текста уже не будет иметь такого значения. На этом этапе автодополнение становится бесценным.

Поддержка ES2015+ наряду с популярными фреймворками и библиотеками

Хороший редактор должен обеспечивать поддержку новейших свойств JavaScript вскоре после их выхода и иметь сильную экосистему плагинов, чтобы вы могли получить поддержку для наиболее популярных фреймворков и библиотек.

Имея все это в виду, давайте рассмотрим несколько вариантов, которые вы можете использовать в начале изучения веб-разработки в целом и JavaScript в частности.

Чтобы облегчить выбор какого-нибудь одного, я построил их начиная с самого рекомендуемого и до наименее рекомендуемого. Такой «рейтинг» является чисто субъективным, поэтому я советую вам попробовать каждый и сделать собственные выводы.

Все перечисленные редакторы являются кросс-платформенными, то есть, подходят для Windows, macOS и Linux, так что вам не стоит беспокоиться о совместимости с вашей любимой операционной системой.

Visual Studio Code – бесплатный

Visual Studio Code (не путайте с Visual Studio) на данный момент является лучшим текстовым редактором для JavaScript-разработчиков. По сравнению с другими популярными редакторами он относительно молод. Будучи выпущенным в 2015 г., со временем он настолько стремительно усовершенствовался, что попал в списки самых популярных текстовых редакторов по мнению веб-разработчиков в последнем опросе Stack Overflow.

VS Code это нечто большее, чем просто базовый текстовый редактор. Кто-то говорит, что это скорее IDE, чем текстовый редактор, поскольку предоставляет много свойств, которые вы обычно можете найти в IDE. Некоторыми из основных таких свойств являются встроенные инструменты отладки, умное дополнение кода (IntelliSense), встроенный терминал и собственная поддержка многих распространенных операций Git. Вам как новичку этот функционал позволит произвести работающий код намного быстрее.

Настраиваемость это еще одна сфера, где VS Code показывает себя во всей красе. Он поддерживает тысячи плагинов и тем, которые вы можете установить для еще большего расширения его способностей.

Sublime Text 3 был первым редактором, которым я пользовался при изучении программирования, так что он – моя слабость. Это прекрасный редактор, пользующийся популярностью среди веб-разработчиков в силу своей простоты и легкости в использовании.

Хотя он и поддерживает JavaScript из коробки, по сравнению с VS Code этот функционал отстает. Вы можете его расширить с помощью плагинов. Sublime Text 3 также очень быстр и не занимает много памяти – вот почему я советую его людям, чьи компьютеры имеют RAM меньше 4GB.

Atom – бесплатный

GitHub представил Atom в 2014 году в качестве бесплатной альтернативы платным инструментам вроде Sublime Text и Text Mate. Хотя он получил горячих сторонников, он так и не достиг уровня популярности Sublime, а теперь его обгоняет VS Code, выпущенный на год позже.

Это не значит, что Atom плохой текстовый редактор, вовсе нет. Он доступен для новичков и не требует какой-либо настройки для начала работы. Как и VS Code, он расширяется с помощью плагинов и поддерживает многие свойства, характерные для IDE, которые могут увеличить вашу скорость и эффективность при написании кода.

Vim – бесплатный

После разнообразных опытов с другими редакторами кода я остановился на Vim и в данное время пользуюсь именно этим редактором. Но хотя я сам пользуюсь и люблю Vim, я бы не рекомендовал его людям, только начинающим изучать программирование, потому что у него совершенно другой подход к редактированию текста по сравнению с другими популярными редакторами кода. Это означает, что вам придется потратить время на изучение того, как он работает, а это может отвлечь вас от изучения собственно программирования.

Если вы заняты изучением программирования, лучше использовать уже знакомый вам интерфейс, чтобы сохранять сосредоточенность на написании кода. Кроме того, Vim не имеет многих прекрасных свойств, которые по умолчанию присутствуют в редакторах вроде VS Code или Atom. И хотя ему можно добавить функционала с помощью плагинов, этот процесс немного сложен.

Если вы уже достигли разумного уровня компетентности в изучаемом языке и вам интересно попробовать Vim, вы можете взять пример с Йехуды Катца, который смог перейти на Vim без потери продуктивности.

WebStorm это еще один интересный вариант, на который многие разработчики JavaScript буквально молятся, хотя это полноценная IDE, а не просто текстовый редактор. Это также самый дорогой вариант из тех, что я знаю, но если вы студент, то можете получить его бесплатно наряду с другими продуктами JetBrains.

У меня нет личного опыта с WebStorm, но большинство рецензентов хвалят его глубокую поддержку JavaScript и его экосистему, чего и стоит ожидать от сложной IDE. С другой стороны, у него более крутая кривая обучения, чем у текстовых редакторов, и множество функций, которые вам как новичку не нужны.

Я думаю, что WebStorm может стать отличным инструментом для изучения, когда у вас будет немного больше опыта, но я не вижу причин начинать с него.

Неправильного выбора нет

Что бы вы ни выбрали из этих редакторов, вы не прогадаете. Все они создают хорошую среду для написания кода на JavaScript, так что не будет никаких проблем, если вы склонитесь не к фавориту, а к какому-нибудь другому варианту.

Единственное, я хочу предостеречь против слишком больших трат времени на изучение сложных инструментов вроде Vim или WebStorm. Если вы новичок, вам стоит сосредоточиться на самом программировании, потому я и отвел высшие места в своей рейтинге Visual Studio Code, Sublime Text и Atom как инструментам, дружественным к новичкам. Я советую вам попробовать все три и выбрать тот, который будет наиболее удобен для вас.

Источник