Если вы просто узнаете код, одно из первых, которые вам нужно сделать, после принятия решения, что для изучения, выбирают текстовый редактор для записи кода.
Текстовый редактор – это программа, которая поможет вам писать простой текст (без какого-либо форматирования) и сохранить его в файл. Хорошим примером является редактор блокнота в Windows.
Поскольку вы начнете свое путешествие по кодированию, вы быстро обнаружите, что текстовый редактор – это то, где вы будете проводить большую часть вашего времени, поскольку фундаментальная работа любого программатора является записью и редактированием исходного кода. Вот почему нужно выбрать тот, который работает для вас и поддерживает ваши усилия по обучению.
Не все текстовые редакторы отлично подходят для программирования, такими как вышеупомянутый блокнот, поскольку оно ничего не ослабит и не автоматизирует редактирование исходного кода.
Есть несколько текстовых редакторов, которые специально разработаны для записи и редактирования исходного кода. Это называются редакторами кода. Редактор кода может быть автономной программы или встроена в интегрированную среду разработки (IDE).
У нас также есть редакторы кода, которые живут в браузере. Кодепен , Веб-создатель и Дукер являются выдающимися примерами. Вы уже можете быть знакомы с некоторыми из этих веб-редакторов, так как многие онлайн-программы кодирования, такие как FreeCodecamp рекомендую их использование.
Тем не менее, если вы хотите принять кодирование на следующий уровень, вам нужно рассмотреть вопрос о рассмотрении редактора настольных компьютеров, который идет выше уровня большинства веб-инструментов.
Легко быть ошеломленным при взгляде на варианты там, сколько они так много. Спросите пять человек, и вы, вероятно, получите пять разных ответов.
Если вы просто начинаете, вам нужно выбрать редактор, который поддерживает вас как новичок. Обучение коду уже достаточно сложно, чтобы вы могли использовать всю помощь, которую вы можете получить.
Цель этой статьи – помочь вам решить, какой текстовый редактор использовать при изучении кода с определенным акцентом на программирование в JavaScript.
Что искать в редакторе кода
Все редакторы кода могут писать текст и сохранить его в файл. Помимо этого, тип редактора, который вы выбираете, чисто до ваших личных предпочтений. Тем не менее, есть несколько вещей, которые ваш редактор должен иметь для него, чтобы его считали достаточно хорошими для разработки в JavaScript.
Синтаксис выделения
Буквально все редакторы кода поддерживают выделение исходного кода в разных цветах на основе языка, с которыми вы работаете. Это улучшает читаемость и помогает вам отображать синтаксические ошибки намного быстрее.
Автоматическое завершение
Code Auto Followion – это функция, предлагаемая многими редакциями кода, которые помогают ускорить процесс редактирования и уменьшить опечатки, заполнив имена переменных, ключевых слов, классов и методов в рамках вашей программы.
Если вы просто начинаете, я рекомендую отключить автоматическое завершение в своем редакторе и введите все вручную, чтобы вы могли запомнить синтаксис гораздо быстрее.
Однако, как только у вас есть захват всех основных ключевых слов и встроенных методов, я не вижу большой ценности в набрании всеми самостоятельно. Авто завершено становится бесценным в этот момент.
Поддержка ES2015 +, а также популярных каркасов и библиотек
Хорошим редактором также должен оказывать поддержку последних функций JavaScript вскоре после того, как они будут выпущены, и у них есть сильная экосистема плагина, чтобы вы могли получить поддержку самых популярных рамх и библиотек.
С учетом этих соображений, давайте посмотрим на несколько вариантов, которые вы можете использовать, если вы только начинаете работать с JavaScript и Web Development в целом.
Чтобы упростить вас выбрать один, я ранжировал их от большинства рекомендованных наименее рекомендуемых. Этот рейтинг является субъективным, поэтому я призываю вас привлечь свои собственные выводы после того, как каждая из них.
Все редакторы, перечисленные здесь, – это перекрестная платформа по всему Windows, MacOS и Linux, поэтому вам не нужно беспокоиться о совместимости с вашей любимой операционной системой.
Визуальный студийный код – бесплатно
Визуальный студийный код , не путать с Visual Studio Это лучший текстовый редактор для разработчиков JavaScript прямо сейчас. Хотя это относительно молодо по сравнению с другими популярными редакторами, только что выпущены в 2015 году, он настолько улучшился в прыжках и оценках на протяжении многих лет, что он был перечислен как самый популярный текстовый редактор среди веб-разработчиков, в котором говорилось. Обзор переполнения стека Отказ
VS код больше, чем просто базовый текстовый редактор. Некоторые люди говорят, что это ближе к IDE, чем текстовый редактор, поскольку оно обеспечивает множество функций, которые вы обычно находите в IDE. Некоторые из его заголовок включают в себя встроенные инструменты отладки, интеллектуальный завершение кода (Intellisense), интегрированный терминал и нативную поддержку для многих общих операций GIT. Как новичок, вы можете использовать эти функции для создания рабочего кода на гораздо более быстрее.
Индивидуальность – это другая область, где VS код сияет. Он поддерживает тысячи плагинов и тем, которые вы можете установить, чтобы дополнительно улучшить свои возможности.
Sublime Text 3 – $ 80
Sublime Text 3 Был ли редактор, который я впервые использовал, когда я просто изучал код, поэтому у меня есть мягкое место для него. Это отличный редактор, который остается популярным среди веб-разработчиков благодаря своей простоте и простоте использования.
Хотя его из коробки поддержки JavaScript довольно хромает по сравнению с кодом VS, вы можете увеличить его, установив плагины. Это также очень быстро и не использует тонну памяти, поэтому я часто рекомендую его для людей, чьи компьютеры имеют менее 4 ГБ ОЗУ.
Хотя возвышенная плавание на 80 долларов за единую пользовательскую лицензию, его можно загрузить и оценивать без расходов. Вы время от времени получаете всплывающее сообщение только во всплыве, напоминая вам возможность приобрести лицензию на дальнейшее использование.
Атом – свободный
Атом Был введен в 2014 году Github в качестве бесплатного и открытого исходного кода, альтернатива для собственных инструментов, таких как Sublime Text и Text Mate. Несмотря на то, что он получил горячее следующее, он никогда не достиг уровня популярности возвышений и теперь превзошел по сравнению с кодом VS, который был освобожден через год.
Это не сказать, что атом – плохой редактор – далеко от него. Это доступно для начинающих и не требует никакой конфигурации для начала. Так же, как VS-код, он также расширяется с помощью плагинов и поддерживает множество IDE-подобных функциям, которые могут увеличить вашу скорость и эффективность при записи кода.
Vim – Свободный
Vim – мой текущий текстовый редактор выбора После разных сокращений с другими редакциями кода. Хотя я пользуюсь и люблю Vim, я бы не стеснялся рекомендовать людям, которые просто изучают код, потому что он имеет совершенно другой подход к редактированию текста по сравнению с другими основными редакторами кода. Это означает, что вы должны вкладывать время, чтобы узнать, как он работает, что может отвлечь вас от фактически изучения кода.
Если вы заняты обучением программе, лучше использовать интерфейс, с которым вы уже знакомы, чтобы вы не откладывались от фактического программирования. Кроме того, Vim не хватает многих приятных функций, которые редакторы, такие как VS-код или атом, предоставляют по умолчанию. Хотя можно добавить больше функциональности в VIM, используя плагины, процесс для этого – это немного больше.
Если вы уже достигли разумного уровня компетенции на языке, которого вы изучаете, и вы заинтересованы в попытках по Vim, вы можете взять лист от того, как Yehuda Katz смогла перейти к VIM без потери производительности И пойти оттуда.
Веб-магазин – 129 долларов в год
Вебсторт Еще один интересный вариант, который многие разработчики JavaScript ругаются, хотя он является полноценным IDE, а не только в текстовом редакторе. Это также самый дорогой вариант, о котором я знаю, хотя вы можете получить бесплатно Наряду с другими продуктами Jetbrains, если вы являетесь студентом.
У меня не было личного опыта с Webstorm, но большинство рецензентов быстро восхваляют свою глубокую поддержку для JavaScript и его экосистемы, так как вы можете ожидать от сложной IDE. На оборотной стороне он имеет более крутущую кривую обучения, чем автономные текстовые редакторы и множество функций, которые вам не нужны в качестве новичка.
Я думаю, что Webstorm может быть отличным инструментом, чтобы узнать, когда у вас есть немного больше опыта, но я не вижу причин начать с ним.
Там нет неправильных вариантов
Какой из этих редакторов вы выберете, в порядке. Все они делают хорошие условия для записи JavaScript, чтобы это действительно не проблема, если вы решите не пойти с верхним выбором в пользу чего-то другого.
То, что я бы осторожно, это проводит слишком много времени, изучая сложные инструменты, такие как Vim или Webstorm. Как новичок, вы должны сосредоточиться больше на самом программировании, поэтому я перечислил код Visual Studio, Sublime Text и Atom в качестве моих лучших выборов, поскольку они все приветствуют новички. Я предлагаю вам попробовать все три и подбирать тот, с кем вам удобно.
Спасибо за прочтение! Если вам понравилось это, не стесняйтесь проверить мой блог на Freshman.tech Для получения дополнительной новичковой конструкции на веб-разработке и связи со мной на Twitter Отказ
Весело, и счастливое кодирование!