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

kak vybrat tekstovyj redaktor dlya javascript?v=1656640694

автор Айо Исайя

73T-ia0t-i9fNI22Y41NMPsUGvWOdvXtp7-f
Фотография Clément H на Unsplash

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

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

RBzyZbNYXSB1JaPThmx3SQLSyIcPVRnRSdq-
Блокнот в Windows 8

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

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

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

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

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

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

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

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

Что искать в редакторе кода

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

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

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

Автозавершение

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

4FLSUoyosYklNvYSooN9Fb2R-RcZCjjrWJBp
Автоматическое завершение кода в Visual Studio Code

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

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

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

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

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

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

Код Visual Studio – бесплатно

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

GaHpoiCxAAxz5QK9tHGzeJ9riymzJPONnh4H
Visual Studio Code просто вытеснил Visual Studio как популярнейший инструмент среды разработчика для веб-разработчиков

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

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

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

Sublime Text 3 — 80 долларов

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

Хотя стандартная поддержка JavaScript достаточно слаба по сравнению с VS Code, вы можете расширить ее, установив плагины. Он также очень быстр и не использует много памяти, поэтому я часто рекомендую его людям, чьи компьютеры имеют меньше 4 ГБ оперативной памяти.

Хотя Sublime стоит 80 долларов США за лицензию на одного пользователя, его можно скачать и оценить бесплатно. Вы только иногда получаете всплывающее сообщение с напоминанием приобрести лицензию для дальнейшего использования.

Atom — бесплатно

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

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

Vim – бесплатно

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

mZXP6hoenEhiGlQ74RpIWeg2Xxlyv5ZrsUwZ

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

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

WebStorm — $129/год

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

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

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

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

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

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

Спасибо за чтение! Если вам это понравилось, обрадуйте его, нажав на ? кнопка! Не стесняйтесь проверять мой блог на freshman.tech, чтобы найти больше удобного для начинающих содержимого о веб-разработке и общаться со мной в Twitter.

Приятного вам кодирования!

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *