Автор оригинала: Arthur Puszynski.
Существует ряд вариантов разработчиков, которые ищут хороший редактор JavaScript, который обеспечивает более эффективную и приятную рабочую среду.
Ведущие редакторы кода JavaScript разделяют многие из тех же больших основных функций, которые вы можете ожидать, включая AutoCollion (завершение кода), интеграцию GIT и поддержку плагинов. Но это мелочи, которые могут сделать один редактор лучше, чем другой для данного разработчика.
Как только вам комфортно с помощью редактора кода и знакомы с рабочим процессом, который делает вас более эффективным, его могут быть трудно переключать редакторов, поскольку вам придется повторно изучить ярлыки для оптимизации ваших процессов разработки.
Даже если вы становитесь более эффективными в долгосрочной перспективе, все еще есть большой барьер для входа при переключении, поэтому стоит немного инвестировать немного времени, чтобы выбрать лучший редактор для ваших нужд.
Давайте пройдемся через некоторые из самых популярных вариантов редактора сейчас.
Визуальный студийный код
VSCode от Microsoft бесплатный, открытый источник и довольно легкий при установке. Это фактический редактор для новичков JavaScript разработчиков, частично, потому что он предварительно загружен хорошим набором функциональных возможностей, которые не требуют дополнительных плагинов. VSCode также популярен и может быть идеальным для более продвинутых пользователей, которые необходимо быстро начать.
Уникальная особенность VSCode заключается в том, что его можно использовать через браузер. Таким образом, то же самое среду, которую вы получаете на рабочем столе, возможно на пути с помощью планшета. А Кодовой сервер Необходимо настроить в сети, которую вы можете получить доступ к этой функции для работы, но это очень удобно, как только оно настроено.
Совет : Работая над большим проектом в другом IDE, где процесс сборки может занять некоторое время, я часто открываю огромный выходной файл JS в VSCode и настроен его, чтобы мгновенно проверить изменение в браузере перед его применением. VSCode обрабатывает эти большие файлы.
Git встроен в IDE, но интеграция не такая прочная, как и некоторые другие редакторы. Например, пользователи веб-таблицы предпочитают опыт push/Merge над VSCode.
Вы можете установить многие дополнительные функции, которые вам могут понадобиться в качестве расширений, из которых есть тысячи. Но не все они являются фактическими функциями. Кодовые фрагменты смешаются с функциями и дополнениями, которые могут занять время для просмотра и находить лучшие параметры для добавления. Если вы когда-либо столкнулись с проблемой, VSCode имеет огромное сообщество пользователей; У кого-то, вероятно, имел такой же вопрос и решил его.
Если вы не готовы к полноплаченной IDE со всеми колоколами и свистами, и недостаточно знакомы со всеми плагинами и функциями, которые вам могут понадобиться, это логическая отправная точка.
Атом
Свободный редактор Atom был разработан GitHub. На самом деле это специализированная версия браузера Chromium преобразована в редактор текста и исходного кода. Внутренне он использует Node.js для поддержки плагина.
Доступна множество плагинов для любых функций, которые вы можете желать, однако это не так сильно из коробки. Вы должны собрать ряд плагинов для создания среды dev, чтобы вы могли быть максимально эффективной. Если вы работаете с JavaScript, вот некоторые важные плагины Atom, чтобы начать:
- Atom-Tymdercript
- Файловые иконки – для раскраски и назначения значков для разных типов файлов
- атом-украшение
- Линтер
Совет : Включите пакет AutoSave, который сохранит редактирование, когда фокус потерян. Это отключено по умолчанию.
Несколько пользователей могут работать в одном и том же файле одновременно, каждый с несколькими курсорами на экране, через плагин телетапов. Вы можете использовать это для наставничества, кодирования пара или совместной работы. Эта функция устанавливает атом от других редакторов.
Интеграция GIT хорошо реализована, поскольку вы ожидаете от программного обеспечения GitHub. Также полезный плагин GIT-PLUS, который позволяет запустить команды Git через ярлыки клавиатуры без использования терминала GIT.
ATOM настраивается до такой степени, что вы можете редактировать файл бессонницы, чтобы отрегулировать цвета IDE, что приятно, если вы хотите настроить каждую деталь вашей среды. Вы можете запустить скрипт .coffe при запуске, который можно использовать для быстрого изменения поведения редактора.
Вы можете написать плагины в JavaScript против хорошо документированного редактора API. Возможность создания собственной функции и поведения приятно иметь, если нужно возникнуть.
Опыт редактирования является гладким, и вы можете улучшить его с другими плагинами, такими как минимап, но есть несколько начальных временных инвестиций, необходимых для его установки со всеми вами функциями. Преимущество заключается в том, что функции вам не нужно, не займет загрузку времени, которая замедляет опыт. Однако вы можете испытать некоторую мгновенную вязкость при загрузке больших файлов или вкладок переключения.
Я изначально понравился идею редактирования стилей CSS, чтобы настроить среду IDE или, по крайней мере, имея возможность, если я когда-либо хотел придумать свои собственные темы. Это звучит весело, но на практике, поступающих с темами, которые включают в себя многие переменные, не являются тривиальными проектами. К счастью, есть много полированных тематических плагинов, доступных для скачивания.
Atom – это солидный редактор, и это будет идеально подходит для многих разработчиков.
Возвышенный текст
Sublime Text – это платный редактор, но доступно бесплатная пробная версия. Он не предварительно загружен со многими плагинами, чтобы начать, но, конечно, они доступны для решения любых потребностей, которые вы можете иметь. Некоторые пакеты, такие как боковые платы, чтобы переименовать, перемещать, копировать и вставить, вероятно, должны быть встроены в основной пучок, но вы можете загрузить их, чтобы включить эту функциональность.
Подобно атому, он может занять немного времени, чтобы все настроить. Но один раз вверх и бега, опыт очень гладкий. Сэкономьте на потерянном фокусе также доступны.
Sublime Text – это приятно, потому что он легкий, который делает его очень быстро загружать и работать с большими проектами или файлами. Реализация «Go Goto что-нибудь» выделяется, так как его можно использовать с именами файлов, символами и номерами строк. Большинство IDES предоставляют аналогичные функции в одной или иной форме, но способны комбинировать их и поискать с запросами, такими как «FileName @ FunctionName», довольно приятно.
Выбор переменной выбирает все вхождения этой переменной и переименования ее переименовывает все вхождения автоматически, поэтому эта общая задача становится очень оптимизированным опытом.
Во многих отношениях возвышенный текст очень похож на атом. Но возвышенный текст имеет преимущество с лучшими общей производительностью и отзывчивостью, что является превосходным.
Погиб
Vim также является бесплатным текстовым редактором и очень настраиваемым. Первоначально именованный VI и первый текстовый редактор, разработанный для UNIX, он был позже продлен в более богатый редактор, называемый Vim. Это доступно в большинстве дистрибутивов Linux.
Vim имеет надежные возможности поиска и синтаксиса, и это супер свет, поэтому он может хорошо работать с даже очень большим файлами. Но это требует некоторой работы, чтобы настроить его и готовую к использованию.
GUI доступен, но это не интерфейс по умолчанию для Vim. Даже включение поддержки мыши требует некоторого действия для его работы. По умолчанию используется режим клавиатуры, который может предпочевать доступ к каждому управлению и функцию через ярлыки.
Что, как говорится, Vim может стать вашим идеальным IDE, если вы проводите время, изучаете IS и ауты программного обеспечения и настроили все поведения и функции, которые вы хотите в нем. Если вы обезжирены на время и не можете сделать начальные инвестиции, чтобы получить набранные вещи, Vim не может быть лучшим выбором для вас.
Веб-магазин
Webstorm была разработана JetBrains и выделяется от остальных в качестве настоящего JavaScript IDE IDE, так как он имеет все функции, интегрированные прямо из коробки. Окружающая среда разработки для различных платформ, таких как реагирование, угловые, Vue.js и т. Д., Бесшовные. Вы можете отладить сценарии узлов и запустить тесты на встроенном сервере. Вы также можете выполнить и отладки сценариев NPM через интерфейс вида дерева. И это не требует никаких плагинов для этого.
Однако плагины доступны для некоторых редких функций, которые не встроены в программное обеспечение напрямую. Один плагин, который не был включен по умолчанию, был окном «Предварительный просмотр». Но по большей части все, что вам может понадобиться, уже там. Хорошая вещь в этом заключается в том, что вы обнаружите, что вы не знаете, существовал, и как приятно их иметь.
Файлы сохраняют автоматически при работе на них по умолчанию. Когда вы используете другое приложение, которое не делает этого, ручное сохранение чувствует себя очень примитивным в сравнении. Хотя это не уникально для веб-таблицы, реализация немного приятнее.
Некоторые люди могут не всегда доверять целостности стека Ctrl-Z Undo Stack, но в Webstorm есть встроенная система VSC, которая в основном делает коммит каждый раз, когда файл сохранен. Это внутреннее и отдельно от вашего GIT коммиты. Файлы сохраняют, по меньшей мере, всякий раз, когда окно содержимого файла теряет фокус. Поэтому, если вы пройдете некоторое время, не совершая Git и должны вернуться или увидеть предыдущее состояние после вашего последнего совершения, это не проблема.
Совет : Стрелка Ctrl-Shift-up/down позволяет перемещать строки или блоки кода вверх или вниз, а редактор автоматически обрабатывает брекеты запяты/блокировки.
Когда вы работаете над проектами, которые имеют много файлов, прокручивание дерева файлов в поисках определенного файла может замедлить вас. Но если один из этих пунктов уже открыт и в фокусе, нажав на целевой значок, прокручивает вид дерева проекта к этому файлу. Это очень удобно.
Пара минусов состоят в том, что она не свободна. И порой это может быть воспоминание с очень большими проектами. Он стал лучше в течение многих лет, и содержимое файла индексируется внутренне, чтобы искать крупные проекты очень быстро. Недавнее обновление также включает значительное улучшение скорости запуска.
Советы по производительности Генерального редактора
Ярлыка дубликатов линии/выбора (в веб-таблице: Ctrl-D, в атоме: Ctrl-Shift-d, но все они могут это сделать) – один из моих фаворитов и может сэкономить много времени во многих сценариях кодирования.
Это время от времени придет время от времени, когда у вас есть список предметов, и приходится изменить первый (или какой-то) символ на каждой строке ». «,», но находки не практично использовать. Webstorm позволяет Alt-Щелкните для размещения нескольких курсоров, чтобы сделать те же редактировать в нескольких местах. Тем не менее, я нахожу следующий подход быстрее в некоторых сценариях:
- Поместите курсор после первого периода и начните делать изменения вручную.
- Нажмите Backspace, запятую, стрелка вниз. У вас есть палец на каждом клавише, и повторите прессы, начинающие медленно, затем ускоряют его, как вы идете. Как только вы получите шаблон вниз, вы можете ускорить его, где вы пройдете через список 200 строк в кратчайшие сроки.
Это почти как играть в мелодию на пианино (так быстро, как можно). Вы также можете сделать это с помощью списков нумерации. Напишите первую строку без номера, дублируйте строку в 9 раз и сделайте тот же процесс, за исключением того, что у каждого пальца каждый раз нажимают один палец. Запустите следующие 10 строк с помощью «1» и сделайте тот же процесс, добавляя цифру после каждого «1».
Если вы Google “[Имя редактора] Chechsheet” вы можете получить краткое резюме от пользователей для важной конфигурации или ярлыков для редактора, который вы пытаетесь. Распечатайте его и прочитайте все ярлыки, чтобы узнать о новых функциях и функциональность, которые вы можете не подвергаться воздействию.
Учитывая, как выделенные действия могут улучшить ваши текущие процессы, будут полезны. Если вы увидите, что может помочь, поставьте знак рядом с ним, чтобы в следующий раз вы находитесь в ситуации, это легко вспомнить. Даже если вы используете его редко и в основном в начале, наличие быстрого эталона под рукой может снизить трение, чтобы узнать больше о вашем редакторе и может сэкономить время переключения и поиска в будущем.
Я иду до поиска версии PDF, печатает и ламинируя страницу для дальнейшего использования, но для некоторого закладки или скриншота также могут работать.
Вывод
Если вы начинаете надеяться узнать JavaScript и использовать среду разработки от полированной разработки, VSCode является очевидным выбором, потому что его легко использовать со многими сильными функциями.
Для более опытных разработчиков, которые точно знают, что они хотят, возвышенные и атом могут быть предпочтительными, поскольку они дадут вам полный контроль над вашей средой Dev. Вы можете выбрать из тысяч функций (пакетов) для установки и сохранения запуска приложения и использование ресурсов, не требующих дополнительных продуктов, которые вам не нужно или хотите. Провести некоторое время с каждой, поможет вам сделать правильный выбор.
Для трудовых силовых пользователей, которые чувствуют себя как дома, используя только клавиатуру, работающие над проектами, вы можете быть более эффективными с VIM, чем любой другой редактор. Экономьте время, необходимое для вашей руки для перемещения между клавиатурой, а мышь добавит, но он займет некоторое время, чтобы освоить этот процесс!
Наконец, если вы не возражаете против сохранения платной подписки и не обеспокоены памятью или ограничениями процессоров вашей машины для разработки, Webstorm выберет вас и работает быстро независимо от платформ разработки JavaScript, транспортировщиков или создания процессов, с которыми вы работаете. Это обеспечивает очень удобную среду для работы.
Я лично использую Webstorm в качестве основного IDE, но все же регулярно использую VSCode для редактирования индивидуальных или очень больших файлов, когда производительность является приоритетом.
Если вам понравилось эту статью, пожалуйста, рассмотрите возможность проверки Jscharting , библиотека диаграммы JavaScript для разработчиков. Вы можете также просмотреть дополнительные сообщения в блоге здесь Отказ