Можно ли написать код на JavaScript в простом «Блокноте»? Можно! Но зачем, когда есть большое количество различных инструментов для компиляции когда — как дескотопных, так и online. О них — наша статья.
На практике уже давно нет нужды использовать тот же «Блокнот», ведь применение редактора с ограниченными возможностями существенно замедлит разработку. В наше динамичное время — это попросту недопустимо. Да и непрактично, ведь существует, как уже было сказано выше, масса специализированных инструментов. Но прежде чем продолжить, давайте перечислим основные критерии, на которые желательно ориентироваться при выборе online либо десктопного интерпретатора для работы с JS:
— подсветка синтаксиса. Операторы, спецсимволы, названия — все это должно выглядеть по-разному, что облегчает читаемость кода;
— автодополнение. При вводе какой-либо функции или переменной интерпретатор предложит подсказку к интересующему компоненту (описание, тип, нужные аргументы, возможные варианты и пр.). Это ускоряет разработку;
— подсвечивание ошибок. Когда ошибки и опечатки подсвечиваются в режиме online, их можно исправить сразу же, то есть до этапа компиляции. Очень удобно;
— сокрытие блоков. Актуально, если речь идет о больших проектах на JavaScript. Сокрытие блоков экономит время, т. к. разработчику при поиске нужного фрагмента программы не надо будет скролить весь код целиком;
— прочее. Это может быть менеджер проектов, возможность работы в одном окне сразу с несколькими файлами, поддержка дополнительных плагинов и т. п.
Desktop Compiler для JavaScript
Интерпретаторы, представленные ниже, представляют собой программы, которые нужно устанавливать на свой компьютер.
Notepad++
Просто и удобно. Присутствует подсветка синтаксиса, автоформатирование, автодополнение. Возможна работа с различными кодировками, поддерживается применение плагинов (стоит отметить плагин для ускорения написания кода Emmet). Из минусов — этот interpreter работает только на Windows.
Geany
Маленькая и легкая среда разработки. Поддерживает много типов файлов. Интерфейс удобен, есть стабильная версия под Linux. Это хороший выбор для начинающих программистов и веб-дизайнеров.
Sublime Text
Прост и удобен, является кроссплатформенным. Поддерживает:
— настройку интерфейса;
— горячие клавиши;
— сниппеты;
— подсветку синтаксиса;
— автодополнение;
— автосохранение.
Из минусов — платный.
Atom Editor
По дизайну компилятор Atom похож на Sublime Text, однако является бесплатным и функционирует на базе Chromium. Настраивается легко, имеет встроенный менеджер пакетов, функцию интеллектуального автоматического завершения кода и другие полезные плюшки. Есть все, что нужно для начальной работы, а для увеличения функциональности можно загрузить ряд модулей/плагинов. Требователен к оперативной памяти.
Webstorm
Неплохая IDE от Jetbrains, в которой реализованы и горячие клавиши, и интеллектуальное автодополнение, и немедленное обнаружение ошибок, и навигация, и встроенный терминал, и проверка правильности кода (причем тремя различными способами). Также из плюсов — богатый набор плагинов, поддержка разных фреймворков и языков разметки, плюс особое внимание разработчиков было уделено мелочам. Возможна отладка в Node.js.
Нередко Webstorm называют «умнейшей» и мощной IDE для продвинутой разработки web-приложений на JavaScript и делают это, пожалуй, вполне заслуженно.
Online compiler for JavaScript
Если устанавливать приложение на ПК не хочется, то выполнить компиляцию (compile) можно и online, то есть никакой инсталляции не потребуется — достаточно будет просто открыть ссылку компилятора в интернете. Ниже — список редакторов (интерпретаторов) для JavaScript, которые работают в режиме online:
- playcode.io/online-javascript-editor;
- rextester.com/l/js_online_compiler;
- replit.com/languages/javascript;
- js.do;
- codepen.io/knox97/pen/zKEvAZ;
- onlinegdb.com/online_javascript_rhino_interpreter.
Остается добавить, что многие из перечисленных компиляторов для JavaScript являются универсальными и могут работать с другими языками программирования: Java, C++, Python, PHP, C#, Golang и так далее.
Выбор — за вами!
По материалам:
- https://tproger.ru/translations/javascript-tool-list/;
- http://uchitel-program.ru/web/redaktory/javascript/.