Если вы только учитесь программировать, первое, что вам нужно сделать после того, как вы решите, чему учиться, - это выбрать текстовый редактор для написания кода.
Текстовый редактор - это программа, которая помогает писать простой текст (без форматирования) и сохранять его в файл. Хорошим примером является редактор Блокнота в Windows.
Начав свое путешествие по программированию, вы быстро обнаружите, что текстовый редактор - это то место, где вы будете проводить большую часть своего времени, поскольку основная задача любого программиста - писать и редактировать исходный код. Вот почему необходимо выбрать тот, который работает для вас и поддерживает ваши усилия по обучению.
Не все текстовые редакторы подходят для программирования, как вышеупомянутый Блокнот, поскольку он не делает ничего для облегчения или автоматизации редактирования исходного кода.
Есть несколько текстовых редакторов, разработанных специально для написания и редактирования исходного кода. Они называются редакторами кода. Редактор кода может быть отдельной программой или встроен в интегрированную среду разработки (IDE).
У нас также есть редакторы кода, которые находятся в браузере. CodePen, Web Maker и Plunker являются яркими примерами. Возможно, вы уже знакомы с некоторыми из этих веб-редакторов, так как многие программы онлайн-кодирования, такие как freeCodeCamp, рекомендуют их использовать.
Однако, если вы хотите вывести кодирование на новый уровень, вам необходимо рассмотреть возможность использования настольного редактора, который превосходит уровень большинства веб-инструментов.
Когда вы смотрите на варианты, их очень много, и их легко ошеломить. Спросите пять человек, и вы, вероятно, получите пять разных ответов.
Если вы только начинаете, вам нужно выбрать редактор, который поможет вам как новичку. Научиться программировать уже достаточно сложно, так что вы можете использовать всю возможную помощь.
Цель этой статьи - помочь вам решить, какой текстовый редактор использовать при обучении программированию с особым упором на программирование на JavaScript.
Что искать в редакторе кода
Все редакторы кода могут писать текст и сохранять его в файл. Кроме того, тип редактора, который вы выбираете, зависит исключительно от ваших личных предпочтений. Тем не менее, есть несколько вещей, которые должны быть у вашего редактора, чтобы он считался достаточно хорошим для разработки на JavaScript.
Подсветка синтаксиса
Буквально все редакторы кода поддерживают выделение исходного кода разными цветами в зависимости от языка, с которым вы работаете. Это улучшает читаемость и помогает быстрее обнаруживать синтаксические ошибки.
Автозавершение
Автозаполнение кода - это функция, предлагаемая многими редакторами кода, которая помогает ускорить процесс редактирования и уменьшить количество опечаток за счет заполнения имен переменных, ключевых слов, классов и методов в рамках вашей программы.
Если вы только начинаете, я рекомендую отключить автозаполнение в редакторе и вместо этого набирать все вручную, чтобы вы могли запомнить синтаксис намного быстрее.
Однако, как только вы овладеете всеми основными ключевыми словами и встроенными методами, я не вижу особой пользы в том, чтобы печатать все самостоятельно. На этом этапе автозаполнение становится бесценным.
Поддержка ES2015 +, а также популярных фреймворков и библиотек.
Хороший редактор также должен обеспечивать поддержку новейших функций JavaScript вскоре после их выпуска и иметь сильную экосистему плагинов, чтобы вы могли получить поддержку самых популярных фреймворков и библиотек.
Помня об этих соображениях, давайте рассмотрим несколько вариантов, которые вы можете использовать, если только начинаете заниматься JavaScript и веб-разработкой в целом.
Чтобы вам было проще выбрать один, я отсортировал их от наиболее рекомендуемых до наименее рекомендуемых. Этот рейтинг субъективен, поэтому я рекомендую вам сделать свои собственные выводы, попробовав каждый из них.
Все перечисленные здесь редакторы являются кроссплатформенными для Windows, macOS и Linux, поэтому вам не нужно беспокоиться о совместимости с вашей любимой операционной системой.
Код Visual Studio - бесплатно
Visual Studio Code (VS Code), не путать с Visual Studio, на данный момент является лучшим текстовым редактором для разработчиков JavaScript. Хотя он относительно молод по сравнению с другими популярными редакторами, он был выпущен только в 2015 году, но с годами он стремительно улучшался. Настолько, что он был назван самым популярным текстовым редактором среди веб-разработчиков в последнем опросе Stack Overflow.
VS Code - это больше, чем просто текстовый редактор. Некоторые люди говорят, что это ближе к IDE, чем к текстовому редактору, поскольку он предоставляет множество функций, которые вы обычно найдете в IDE.
Некоторые из его основных функций включают встроенные инструменты отладки, интеллектуальное завершение кода (IntelliSense), интегрированный терминал и встроенную поддержку многих распространенных операций Git. Как новичок, вы можете использовать эти функции для более быстрого создания рабочего кода.
Настраиваемость - еще одна область, в которой Visual Studio Code сияет. Он поддерживает тысячи плагинов и тем, которые вы можете установить для дальнейшего расширения его возможностей.
Sublime Text 3 - 80 долларов
Sublime Text 3 был редактором, который я впервые использовал, когда только учился программировать, поэтому у меня есть слабость к нему. Это отличный редактор, который остается популярным среди веб-разработчиков благодаря своей простоте и удобству использования.
Хотя его готовая поддержка JavaScript довольно слабая по сравнению с VS Code, вы можете расширить ее, установив плагины. Кроме того, он очень быстрый и не требует большого объема памяти, поэтому я часто рекомендую его людям, у которых на компьютерах меньше 4 ГБ оперативной памяти.
Хотя Sublime стоит 80 долларов за лицензию на одного пользователя, его можно загрузить и оценить бесплатно. Вы только время от времени получаете всплывающее сообщение, напоминающее вам о покупке лицензии для дальнейшего использования.
Атом - Бесплатно
Atom был представлен в 2014 году GitHub как бесплатная альтернатива с открытым исходным кодом таким проприетарным инструментам, как Sublime Text и Text Mate. Несмотря на то, что он получил горячих поклонников, он так и не достиг уровня популярности Sublime, и теперь его превзошел VS Code, выпущенный годом позже.
Нельзя сказать, что Атом плохой редактор - отнюдь нет. Он доступен для начинающих и не требует настройки для начала. Как и VS Code, он также расширяется с помощью плагинов и поддерживает множество функций, подобных IDE, которые могут повысить вашу скорость и эффективность при написании кода.
Vim - бесплатно
В настоящее время я предпочитаю Vim текстовым редактором после различных ограничений с другими редакторами кода. Хотя я использую и люблю Vim, я бы не стал рекомендовать его людям, которые только учатся программировать, потому что у него совершенно другой подход к редактированию текста по сравнению с другими основными редакторами кода. Это означает, что вам нужно потратить время на изучение того, как это работает, что может отвлечь вас от фактического обучения программированию.
Если вы заняты обучением программированию, лучше использовать интерфейс, с которым вы уже знакомы, чтобы не отвлекаться от реального программирования. Кроме того, в 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.
Удачи и приятного кодирования!
