5 редакторов кода для JavaScript
JavaScript — мощный и капризный язык. С одной стороны, множество фреймворков и библиотек, с другой — не самый простой синтаксис и опасности, связанные с «динамикой». Поэтому для работы с ним важно подобрать редактор. Правильный выбор обеспечит вам чистоту кода, высокую скорость разработки, минимум ошибок и удовольствие от работы. На выбор одного из сотен существующих редакторов потратите уйму времени, поэтому мы проделали часть работы за вас. Вот 5 лучших.
WebStorm
WebStorm от JetBrains прекрасен в обоих своих проявлениях: как IDE он поддерживает работу с системами контроля версий, позволяет удалённо развернуть код, как редактор — стандартные удобства, вроде подсветки синтаксиса, автодополнений, навигации.
Visual Studio Code
Ответвление IDE Visual Studio, направленное на работу с кодом. Он прост для освоения, удобен в использовании, и при этом функционален.
Sublime Text
Удобный и проверенный временем кроссплатформенный редактор, с настраиваемым интерфейсом и возможностью совершать тривиальные действия при помощи горячих клавиш.
Atom Editor
Появившийся в 2015 году редактор кода от Git, копирующий дизайн Sublime Text и обёрнутый в Chromium.
Brackets
В 2014 году Brackets отпугнул программистов багами и недоработками, но теперь постепенно возвращает доверие новым качественным функционалом.
Редактор кода — подручный инструмент каждого программиста. И каждый подбирает под себя: кто-то ценит функциональность, кто-то мобильность, для кого-то главное — дизайн и удобство. Кому-то даже нравится писать код в Notepad, но это всё равно, что пытаться построить дом при помощи молотка.
JavaScript — мощный и капризный язык. С одной стороны, множество фреймворков и библиотек, с другой — не самый простой синтаксис и опасности, связанные с «динамикой». Поэтому для работы с ним важно подобрать редактор. Правильный выбор обеспечит вам чистоту кода, высокую скорость разработки, минимум ошибок и удовольствие от работы. На выбор одного из сотен существующих редакторов потратите уйму времени, поэтому мы проделали часть работы за вас. Вот 5 лучших.
WebStorm
WebStorm от JetBrains прекрасен в обоих своих проявлениях: как IDE он поддерживает работу с системами контроля версий, позволяет удалённо развернуть код, как редактор — стандартные удобства, вроде подсветки синтаксиса, автодополнений, навигации.
Visual Studio Code
Ответвление IDE Visual Studio, направленное на работу с кодом. Он прост для освоения, удобен в использовании, и при этом функционален.
Sublime Text
Удобный и проверенный временем кроссплатформенный редактор, с настраиваемым интерфейсом и возможностью совершать тривиальные действия при помощи горячих клавиш.
Atom Editor
Появившийся в 2015 году редактор кода от Git, копирующий дизайн Sublime Text и обёрнутый в Chromium.
Brackets
В 2014 году Brackets отпугнул программистов багами и недоработками, но теперь постепенно возвращает доверие новым качественным функционалом.
Лучшие редакторы кода и IDE для JavaScript-разработчиков
Хочешь проверить свои знания по фронтенду?
Подпишись на наш канал с тестами по HTML/CSS/JS в Telegram!
Сокращенный перевод статьи «The Most Important JavaScript Code Editors».
JavaScript-разработчикам доступен широкий ассортимент редакторов кода, обеспечивающих более эффективную и приятную работу. При этом наиболее примечательный функционал, в принципе, есть во всех самых популярных редакторах (к такому функционалу можно отнести подсветку и автодополнение кода, интеграцию git, поддержку плагинов). И, тем не менее, у большинства разработчиков есть свой любимый редактор, отличающийся от других какими-то более мелкими, но важными деталями.
Когда вы освоитесь в выбранном редакторе и научитесь пользоваться им наиболее эффективно, вам станет трудно сменить его на другой. Для такого перехода приходится, например, заново учить сочетания клавиш, а это не слишком приятно. И даже если смена редактора в долгосрочной перспективе будет способствовать большей эффективности, все равно это непросто. Поэтому стоит сразу уделить немного времени и подойти к вопросу выбора своего первого редактора серьезно. Вы должны быть уверены, что это лучшее ПО для удовлетворения ваших нужд.
Давайте рассмотрим самые популярные варианты редакторов кода для JavaScript-разработчиков.
Visual Studio Code
VSCode это бесплатный редактор кода от Microsoft. Он имеет открытый исходный код и легковесен при установке. VSCode отлично подходит для начинающих JavaScript-разработчиков, поскольку имеет хороший набор функционала «из коробки», без необходимости устанавливать дополнительные плагины. Но этот редактор популярен не только среди начинающих программистов. Он может стать идеальным выбором для более продвинутых пользователей, которым нужно просто быстро приступить к работе, не тратя лишнее время на настройки.
Уникальная особенность VSCode — возможность использовать его в браузере. Таким образом вы можете пользоваться редактором на планшете и при этом иметь такую же среду, к какой привыкли в десктопной версии. Чтобы этот функционал заработал, нужно еще настроить code-server в сети, к которой вы имеете доступ, но возиться с настройками придется только единожды, и оно того стоит.
Git здесь встроен в редактор, но интеграция не такая надежная, как в некоторых других редакторах. Например, пользователи WebStorm предпочитают применять push/merge, а не то, что предлагает VSCode.
При необходимости вы можете установить множество дополнительных фич в качестве расширений. Но не все расширения можно считать фичами. Там есть и сниппеты кода, и разные дополнения, так что выбор полезных вещей занимает некоторое время.
Если у вас возникнет какая-нибудь проблема с использованием VSCode — не беда: у этого редактора огромное сообщество пользователей, кто-нибудь из них наверняка сталкивался с чем-то подобным и публиковал решение проблемы.
Если вы не готовы раскошелиться на полномасштабную IDE и не слишком хорошо знаете, какие плагины и функции вам могут понадобиться, будет логичным решением выбрать в качестве отправной точки VSCode.
Еще один бесплатный редактор кода, Atom, был разработан GitHub. Это, собственно, специализированная версия браузера chromium, конвертированная в редактор кода. Под капотом он для поддержки плагинов использует Node.js.
Редактор Atom «из коробки» не так уж силен, но вам доступно огромное количество плагинов, благодаря которым можно получить буквально любой желаемый функционал. Создавая для себя комфортную среду разработки, вы неизбежно соберете довольно большой личный набор плагинов. Что касается работы с JavaScript, стоит, для начала, обратить внимание на следующие:
Совет: включите пакет автосохранения, чтобы редактор сохранял написанный код, когда окно редактора оказывается не в фокусе. По умолчанию эта функция выключена.
При помощи плагина teletype над одним файлом могут работать несколько человек одновременно, причем у каждого будет несколько курсоров на экране. Этот функционал можно использовать для наставничества, парного программирования или просто совместной работы. Это одна из тех особенностей, которые выделяют Atom на общем фоне.
Интеграция git в Atom реализована хорошо (было бы странно ожидать иного от ПО, разработанного GitHub). Также вам может пригодиться плагин git-plus, позволяющий запускать команды при помощи сокращений клавиш, без использования терминала git.
Также вы можете писать собственные плагины на JavaScript — это важно на случай, если вам понадобится что-то совсем особенное.
Работа по написанию кода в редакторе Atom проходит достаточно плавно. Этот опыт можно сделать еще лучше при помощи плагинов, например, minimap. Но чтобы установить и настроить весь функционал таким образом, как нужно именно вам, может уйти некоторое время. Впрочем, у такого подхода есть и преимущество: в Atom не будет ненужных вам вещей, которые замедляли бы загрузку и работу редактора.
Что касается замедления — вы можете ощущать некоторую медлительность редактора при загрузке больших файлов или при переключении между вкладками.
Сначала мне нравилась идея редактирования CSS-стилей редактора или по крайней мере наличия такой возможности на случай, если я когда-то захочу создавать собственные темы. Звучит круто, но на практике создание новых тем это нетривиальный процесс. К счастью, есть много готовых вариантов на выбор. Их можно просто скачать и установить.
Atom это добротный редактор, он будет отличным выбором для многих разработчиков.
Sublime Text
Sublime Text это платный редактор с бесплатным пробным периодом. В нем нет большого количества предустановленных плагинов, но вообще эти плагины есть, во всем их разнообразии, для всяких нужд. Некоторые пакеты, такие как SideBarEnhancements (позволяющий переименовывать, перемещать, копировать и вставлять файлы и папки), пожалуй, должны быть встроены в редактор, но вы можете их скачать и установить.
Здесь также есть функция сохранения при потере фокуса.
Sublime Text это легковесный редактор, благодаря чему он очень быстр и может работать с большими проектами и объемными файлами.
Примечательна функция Sublime Text «goto anything», которая может применяться для быстрого перехода к файлам, символам, номерам строк. Подобный функционал в той или иной форме есть в большинстве редакторов, но здесь можно комбинировать разные варианты, составляя более длинные запросы, например «fileName@functionName», а это здорово.
Выделение переменной распространяется на все экземпляры этой переменной, а ее переименование означает переименование всех переменных с этим именем. Потребность в таком функционале возникает довольно часто, так что его наличие очень улучшает опыт использования редактора.
Sublime Text во многом очень похож на Atom, но имеет преимущество по части общей производительности и отзывчивости, а это прекрасно.
Vim это бесплатный и очень настраиваемый редактор кода. Это был первый текстовый редактор, разработанный для Unix, и назывался он vi. Позже его функционал был значительно расширен — так появился Vim. Этот редактор доступен в большинстве дистрибутивов Linux.
Vim имеет функции поиска и подсветки синтаксиса, а еще он суперлегкий, так что может хорошо справляться даже с очень большими файлами. Только вот на настройку и подготовку к работе потребуется некоторое время.
Этот редактор имеет и графический интерфейс, но не по умолчанию. Даже включение поддержки мыши требует определенных манипуляций. По умолчанию Vim управляется при помощи клавиатуры и сочетаний клавиш.
Vim может быть отличным редактором, если вы настроите его под свои нужды, а также хорошо изучите его вдоль и поперек. Но если время поджимает, это, вероятно, не лучший выбор.
WebStorm
WebStorm выделяется из общего списка, потому что это полнофункциональная интегрированная среда разработки для JavaScript. Разработчик этой IDE — JetBrains.
Эта среда отлично подходит для различных платформ, таких как React, Angular, Vue.js и т. д. С ее помощью можно заниматься отладкой node-скриптов и запускать тесты на встроенном сервере. Также можно запускать и отлаживать npm-скрипты (при помощи древовидного интерфейса). И для всего этого не нужны никакие плагины.
Тем не менее, плагины доступны для некоторых более специфических функций, не встроенных в саму IDE. Но в большинстве случаев все, что вам может понадобиться, в IDE уже есть. Самое приятное в этом то, что вы можете открыть для себя новые, не известные вам прежде функции, и оценить, насколько здорово, что они есть.
В WebStorm по умолчанию настроено автосохранение файлов по ходу работы над ними. Когда после этой IDE переходишь на какой-нибудь другой редактор без подобного функционала, начинаешь остро ощущать, насколько его не хватает. Впрочем, это не уникальная особенность WebStorm, просто здесь реализация немного приятнее.
Некоторые люди не всегда доверяют отмене действий при помощи ctrl-z, но в WebStorm есть встроенная система контроля версий, делающая коммит при каждом сохранении файла. Она чисто внутренняя, совершенно отделенная от ваших git-коммитов. Файлы сохраняются как минимум в случаях, когда окно с кодом оказывается не в фокусе. Так что, если давненько не делали коммитов в git, а вам нужно вернуться и посмотреть предыдущее состояние после последнего коммита, вы можете сделать это без проблем.
К недостаткам WebStorm можно отнести то, что за нее придется платить. Кроме того, временами, при работе над очень большими проектами, он заметно съедает память. Но проект постоянно развивается и улучшается.
Заключение
Если вы начинающий программист, изучающий JavaScript, и хотите для начала использовать уже полностью готовую к работе среду, очевидным выбором для вас будет VSCode. Он прост в использовании и имеет богатый встроенный функционал.
Более опытным разработчикам, точно знающим, что им нужно, могут подойти Sublime и Atom, поскольку они дают полный контроль над средой разработки. Вы можете установить дополнительно любой из тысяч пакетов, отбирая только те из них, которые вам действительно нужны. Благодаря этому увеличивается скорость загрузки и снижается потребление ресурсов.
Пользователи, предпочитающие при работе над проектами пользоваться только клавиатурой, могут отдать предпочтение Vim. С его помощью вы сэкономите время, которое обычно уходит на перемещение кисти руки от клавиатуры к мыши. Правда, потребуется дополнительное время, чтобы научиться обходиться без последней.
Наконец, если вы согласны оплатить подписку, а ваша техника позволяет не задумываться об использовании памяти или CPU, лучшим выбором для вас будет WebStorm. С ней вы получите очень удобную среду для разработки.
6 редакторов и IDE для работы с JavaScript
Разбираем на примерах, как выбрать редактор кода для JavaScript.
Во-первых, нужна подсветка синтаксиса: названия, операторы и специальные символы должны отображаться по-разному, чтобы можно было быстро прочитать код.
Пишет о программировании, в свободное время создает игры. Мечтает открыть свою студию и выпускать ламповые RPG.
Во-вторых, нужно автодополнение: когда вы вводите название функции или переменной, редактор должен предложить несколько вариантов команд, которые вы, вероятно хотите ввести. Желательно, чтобы он также показывал подсказки к выбранному компоненту — например, необходимые аргументы, тип переменной, краткое описание и так далее.
В-третьих, нужна возможность скрывать отдельные блоки. При работе над большими проектами это полезно, потому что не придётся скролить огромные фрагменты кода, чтобы найти нужный.
Желательно, чтобы подсвечивались ошибки — тогда вы сможете их сразу заметить и исправить:
Хорошими бонусами будут возможность работать с несколькими файлами в одном окне, менеджер проектов, выбор тем, установка плагинов и так далее.
Существует большое количество редакторов, которые соответствуют этим требованиям и подойдут для работы с JavaScript. На чём писать код — личное дело каждого, но у многих возникают проблемы с выбором подходящей программы, поэтому мы составили список из 6 хороших инструментов.
Notepad++
Notepad++ — простой и удобный редактор с открытым исходным кодом. В нём есть подсветка синтаксиса нескольких языков, в том числе и JS, автоматическое форматирование и автодополнение. Присутствует навигация в виде вкладок, файлового менеджера и карты кода.
Доступны работа с разными кодировками, подключение компиляторов, использование плагинов и другие полезные функции. Например, добавив QuickText, вы улучшите встроенное автодополнение.
Notepad++ регулярно обновляется, поэтому в нём быстро исправляют баги и добавляют новые возможности. К сожалению, работает он только на Windows.
Редактор Vim уже давно стал классикой. Многие говорят, что в нём тяжело разобраться, но если уделить этому достаточно времени, пользоваться чем-то другим уже не захочется.
Помимо того, что он соответствует всем выбранным нами критериям, Vim ещё и полностью настраиваемый, поэтому вы можете:
Vim полностью бесплатный и работает на всех платформах, начиная с Windows, MacOS и Linux и заканчивая MS DOS и OS/2.
Microsoft Visual Studio
Microsoft Visual Studio — это IDE, в которой есть всё необходимое для работы с JS. Помимо обычной подсветки синтаксиса и автодополнения, можно также пользоваться дебагером и создавать Unit-тесты.
Однако весит программа достаточно много и систему загружает сильно, поэтому не очень подойдёт для работы на слабых компьютерах.
Месячная подписка может стоить от 45 до 250 долларов в месяц, но есть и бесплатная версия для начинающих разработчиков и тех, кто создаёт программы с открытым исходным кодом. IDE доступна для Windows и MacOS, а на Linux её можно установить с помощью Wine.
Visual Studio Code
170 МБ против 30 ГБ), кроссплатформенная и бесплатная версия Visual Studio. В этом редакторе предустановлена поддержка JavaScript, TypeScript и Node.JS.
Расширения с другими языками можно скачать прямо из Visual Studio Code.
Встроенные дебагер и Git-команды для работы с системой управления версий GitHub позволяют ускорить тестирование и публикацию приложений.
Sublime Text
Sublime Text — это простой кроссплатформенный редактор. Его интерфейс настраивается, а выполнять некоторые действия можно с помощью горячих клавиш.
Также в нём есть поддержка сниппетов, автодополнение, подсветка синтаксиса и навигация. Крутой бонус — автосохранение. Впрочем, он больше нужен новичкам — ведь профессиональные программисты за годы работы вырабатывают привычку сохраняться после ввода каждой команды.
Главный минус Sublime Text в том, что полная версия стоит 80 долларов (лицензия выдаётся на одного пользователя, который может использовать редактор на любом компьютере). В остальном он хорошо подходит
JS-разработчикам.
Как выбрать редактор кода для 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 как инструментам, дружественным к новичкам. Я советую вам попробовать все три и выбрать тот, который будет наиболее удобен для вас.